首先了解一下基本指令

v-mind.title = '属性名'  给某个dom添加属性v-model = '可以是方法名、数据、算法、布尔属性'v-if='true/false'  让元素消失，是指从页面上删除元素，或者显示，是从页面上添加元素
也可以当if条件用，
但是vue一般需要条件判断，通常使用三目运算v-show= 'true/false' 让元素隐藏、显示    跟display:block/none相同:key = '任意值'   不重复使用的指令:class = {a,b}/{a:b,c:d}/[a,b,c]    class添加（前面不要少了冒号）v-for('(i,index) in list(对象、数组)')   给什么元素上面添加，就循环这个元素执行v-on:事件名='function名'  也可简写   @click='function名'eg:    v-on:click='fun'     @click='fun';   fun 就是函数名，简写的意思如果事件需要传参  可以使用function名(参数)按键事件@key.键名/code值='fun'   回车的时候触发什么事件eg:    @key.enter='fun'     @key.13='fun'

如果觉得vue方法满足不了自己的需求，那就自定义Vue方法，举例获取焦点focus

`1.先来一个全局定义

  Vue.directive('focus', {// 当绑定元素插入到 DOM 中。inserted(el) { // /*el代表所绑定的元素*/// 聚焦元素el.focus()},update(el) {el.focus();}
});

2.在看一个局部定义

  let vm = new Vue({// 声明一个vue的对象el: '.ipt',//el:后面接选择器的内容directives: {//自定义函数都放在directivesfocus: {// 指令的定义inserted: function(el) {el.focus()}}}
})

创建一个文件为Vue，右击文件Vue空白处，打开git 输入

npm i -S vue     回车

新建一个html文件，在node_modules里面找到vue.js,用script引入

每次使用VUE都需要先引用vue.js，然后new一个新对象，用变量保存起来

View视图层

{{msg}}
点我显示执行fun方法
我是class标签增加
姓名：{{i.name}}年龄：{{i.age}}

Model层：

还有很多小细节没总结完，后期会慢慢补上的