我之前一直用的React,最近到了新公司,需要用Vue,尽管之前自己写过少量小demo,但是缺乏系统的学习,且之前自己看的vue1.x的内容,好多都过时了,现在补充一下vue2.x的相关知识。
基础知识:
- vue的生命周期: beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed
- vue常使用指令: v-for、v-bind(缩写形式:prop)、v-on(缩写形式@click=’sss')、v-if/v-else/v-else-if、v-model、v-once、v-html、v-show…
- vue自己设置组件:Vue.component(‘componentName',{ props:[‘p1’,’p2’], template: ‘
- {{ p1 }}
- vue常使用实例方法和属性: data/$data、methods/$methods、$el、computed(计算属性)、$watch、$set、$event、$emit…
- 假如需要升级的属性需要缓存,则用计算属性的方式,否则可以用methods里的方法来升级属性(methods里的方法每次重新渲染都会执行)
- 计算属性默认提供了getter,你还可以给它设置setter
- 当你数据变化是异步或者者开销较大时,可以用watch侦听器来响应数据的变化
- v-bind:class的值可以是一个对象,可实现相似react中classnames板块的功能
- 自己设置组件上的class会被渲染拼接到template的根节点的class属性上(自己设置组件上可用v-bind:class来做class的判断显示逻辑)
- v-bind:style可以使用来绑定内联样式,这个内联样式的值可以由一个对象来定义(相似css in js的模式),且可以被定义为数组(多个样式对象)
- v-bind:style可以用多重值的形式:
' })