语法糖:
-
v-bind:属性名=“js语法环境” ==>:属性名
-
v-on:事件名(可以是自定义事件)=“监听” ==>@事件名.事件修饰符(stop、capture、self、once)
-
v-model=“msg” 组件也可以使用,组件内部要吃饭input事件,属性接受的属性名是value
-
v-model.number="msg"
-
v-model.tirm="smg"
-
v-model是:value和@input的一个语法糖
-
v-if
-
v-if/v-else
-
v-if/v-else-if/v-else
-
v-for/key
-
v-for/v-if 2.0v-for优先,3.0v-if优先
-
v-text
-
v-html
-
{{}}
-
v-pre
-
v-slot组件内部用slot标签代表槽位,name属性是具名槽位,使用组件时,具名必须用template
-
v-slot:槽位名 ==>#槽位名
-
v-cloak:解决首屏闪烁bug
-
v-if/v-show
-
函数: 8个组件钩子: 2个缓存组价钩子:
-
属性:
- props:[ ]
- methods:{}
- watch:{}
- computed:{}
- filters:{}
- directives:{}
- compontents:{}
- comments:true//注释是否一起打包
- name:"devtool"//给浏览器安装插件,方便查看组件的嵌套关系