html模板
插值表达式:声明式渲染
{{js表达式、数据模型}}: js表达式必须有返回值,出现插值闪烁
v-text:通常使用该方式安全隐患
v-html:解析html, js,css
双向渲染:双向绑定
v-mode1="数据模型": 在表单元素中使用,才有意义
事件: v-on简写@
@click:点击事件
@contextMenu:右击事件,事件修饰符: .prevent阻 止默认事件
@keyup:键盘事
13或者enter键:回车事件@keyup.13
组合事件
v-for:遍历
数组: v-for=" (item, index) in items"
对象:v-fors"(val,key, index) in user"
:key:提高渲染速度
v-if:判断
v-if="布尔表达式": true-渲染,false-不渲染
v-show="布尔表达式":_总是渲染,false-display: none
v-e1se-if="布尔表达式"
v-else: else- 定要紧跟在if之后
v-bind: 绑定简写():
:class="{active:布尔表达式}"
vue实例js
el:选择器,对应html模板
data:数据模型,
commputed:定义计算属性,计算本质就是方法,但是方法必须有返回值,计算属性可以像数据模型-样使用。如果计算属性 的依赖项没有改变,直接从缓存中命中 watch:监听,方法名是要监听的数据模型名称message (newVa1, o1dVa1){}
钩子函数: created, 在对象初始化之后执行,通常在created中初始化数据