beforeCreate/created
、beforeMount/mounted
、beforeUpdate/updated
、beforeDestory/destoryed
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.component(‘componentName‘,{ props:[‘p1’,’p2’], template: ‘<li>{{ p1 }}</li>‘ })
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
可以使用多重值的形式:<div :style=“display:[‘-webkit-box’,’-ms-flexbox’, ‘flex‘]"></div>
v-if/v-else/v-else-if
的时候,可以用key来管理可复用的元素v-if
是’真正’的渲染,它会确保在切换条件过程中条件块内的元素的事件监听器和子组件适时的销毁和重建v-if
是惰性的,初始为假,什么也不做,直到为真的时候才渲染元素v-show
总是渲染元素,只是简单的进行切换v-if
的切换开销大,v-show
则是初始渲染开销大,频繁切换使用v-show
,运行时经常改变则使用v-if
v-if
和v-for
一起使用时,v-for
的优先级更高v-for
可遍历数组,第二个参数是索引v-for
可遍历对象,第二个参数是key
,第三个参数是索引v-for
和<template>
搭配可减少渲染次数v-for
和自定义组件使用时,需要使用props
来传递值key
,获得渲染优化push/pop/unshift/shift/splice/sort/reverse
改变原始数组filter/concat/slice
不改变原始数组,总是返回新数组vm.$set
解决)和修改length
长度赋值(使用splice
解决)的情况vm.$set
或Object.assign
)is=“todo-item”
这种属性的写法比较适合DOM模板.stop
、.prevent
、.capture
、.self
、.once
、.passive
(尤其适合移动端).passive
不用同时和.prevent
使用,后者会被忽略.enter
、.tab
、.delete
、.esc
、.space
、.up
、.down
、.left
、.right
.ctrl
、.alt
、.shift
、.meta(?|?|◆)
、.exact
(允许精确控制系统修饰符组合键触发).left
、.right
、.middle
v-model
会忽略表单元素的value
、checked
、selected
,仅仅使用实例中的数据作为数据源.lazy
、.number
、.trim
Vue.component()
全局注册的组件可在其被注册后的任何通过new Vue()
创建的实例所使用,包含其组件树中的所有组件<slot>
分发内容(其实就是类似于react的children)<component>
配合属性is
来实现camelCase
的属性可以在组件中使用kebab-case
props
属性的类型props
的更新会向下流动,反之则不行instanceof
检查inhertAttrs:false
设置不希望根元素继承特性,可以使用$attrs
属性来设置继承的目标元素v-on
在设置事件监听器时,会把事件名全部转换成小写,推荐始终使用kebab-case
的事件名v-model
可以使用自定义组件中的model
属性自定义<slot></slot>
)/具名插槽(<slot name=“header"></slot>
)/作用域插槽(slot/slot-scope
)<keep-alive>
组件可用来缓存被切换后隐藏的组件的状态$root
访问根实例,$parent
访问父组件实例(不推荐)$refs
属性来获取设置了ref
属性的子组件provide
属性允许我们指定要分享给后代组件使用的方法,然后后代组件使用inject
属性来获得祖先组件分享的方法(依赖注入)事件侦听器($emit
派发的事件)
v-on
指令侦听
$on
侦听一个事件
$once
一次性侦听一个事件
$off
停止侦听一个事件
template
来定义模板,而不是inline-template
$forceUpdate
来强制更新viewv-once
来标记,缓存静态内容原文:https://www.cnblogs.com/mahmud/p/10086515.html