vue基础学习笔记

1.vue的特点：

1. 遵循MVVM模式
2. 编码简洁, 体积小, 运行效率高, 适合移动/PC端开发
3. 它本身只关注UI, 可以轻松引入vue插件或其它第三库开发项目
   2.vue包括插值语法和指令语法
   插值语法很简单就是{{ massage}}，这个massage是在data里定义的。
   指令语法就是以V开头的。
   3.数据的绑定
   V-bind:src=‘massage’(或者:src),这个是单向绑定的。数据
   数据只能从data流向页面
   V-model:src=‘massage’，这是双向绑定的，一般用于input属性里。
   数据既可以从data到页面，也可以从页面到data里
   4.MVVM模型
   M：model，data里的数据
   V：view，视图，模板语法
   VM：viewmodel，vue实例对象

5.绑定监听
1. v-on:xxx=“fun”
2. v-if=‘massage’,v-show=‘massage’,v-text=‘massage’,v-html=‘massage’
3. v-for=‘item,index in massage’,item为数组里的值，index为下标索引
4. @xxx=“fun”
5. @xxx=“fun(参数)”
6. 默认事件形参: event
7. 隐含属性对象: $event
xxx可以是click，click.prevent(阻止默认行为)，keyup.enter(keyup.13回车键)，click.stop(阻止冒泡)等
6.动态参数
<a v-bind:[attributeName]=“url”>
attributeName可以是在data里定义的property 名称是attributeName，如果其值为href那么久相当于

7.计算属性底层是（object.defineproperty）

1. 要显示的数据不存在，要通过计算得来。
2. 在computed对象中定义计算属性。
3. 在页面中使用{{方法名}}来显示计算的结果。
   8.watch监视属性
   immediate（如果是ture，会在初始化的时候调用hander的值）
   handler（new value，old value）
   1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作
   2.属性必须存在，才能进行监视！！
   3.监视的两种写法：
   (1).new Vue时传入watch配置
   (2).通过vm.$watch监视
   computed和watch之间的区别：
   1.只要是computed能完成的功能，watch都可以完成
   2.watch能完成的功能，computed不一定能完成，例如：watch可以进行异步操作
   9.绑定样式
   :class=“xxx” xxx可以是字符串、对象、数组
   :class="{classa:A,classb:B}"
   :style="{fontSize: size + ‘px’ }"其中size是data属性

备注
1.所有被Vue所调用（管理）的函数，都不要写箭头函数 ----- 例如：watch中的函数、computed中的函数
2.所有不是被Vue所调（管理）的函数，都要写成箭头函数 — 例如：定时器的回调、ajax的回调等等