js实现过渡：通过v-on事件##
image.png
image.png
image.png
实例：
最外层index里面引入jq
最外层
监听三个事件
image.png
image.png
自定义事件##
自定义一个v-color指令
image.png
通过directives选项，
el：当前元素
binding：对象，绑定的变量等
全局指令，需要写入根组件的实例化内
image.png
细化指令，不同阶段执行不同得到操作
image.png
举个栗子：为input聚焦
例子
插件##
package.json文件中可以查看全部插件
npm安装插件：
image.png
引用
image.png
等同于
注册
image.png
实例化插件， 有的不需实例化，可直接使用
写入根组件
image.png
image.png
单文件组件和vue-cli
单文件组件的实现得力于vue-loader+webpack
