Sunshine的博客

Vue-组件化一、定义vue组件二、 全局组件定义的三种方式1、使用vue.extend 来创建全局的vue组件2、直接创建3、在外部定义template 结构三、定义私有的组件四、组件中的data 传值以下均为自用学习笔记一、定义vue组件什么是组件，组件的出现是为了拆分vue实例的代码量的，能够让我们以不同的组件来划分不同的功能模块，将来我们需要什么样的功能就可以去调用什么样的组件即可。组件化和模块化的不同：模块化：从代码逻辑的角度进行划分；方便代码分层开发，保证功能模块职能单一组件化：

Vue指令1、进入页面使一个输入框自动获取焦点2、自定义指令全局的局部的钩子函数钩子函数参数动态指令参数函数简写官方文档https://cn.vuejs.org/v2/guide/custom-directive.html1、进入页面使一个输入框自动获取焦点操作DOM的实现方式，在vue中不推荐使用 <div id="app"> <input type="text" value="" id="name"> </div> documen

键盘修饰符2.x中的键盘修饰符2.x中的键盘修饰符在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：<!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --><input v-on:keyup.enter="submit">可以直接写成 @keyup.enter="方法名称"现在可以直接调用的按键方法名称.enter.tab.delete (捕获“删除”和“退格”键).es