简写
v-bind :
v-on @
计算属性是响应式,值更新再计算,函数不是,每次都调用函数
v-if :假的时候不渲染
v-show 始终渲染,只改变display属性
不建议v-if 与 v-for 一起使用
多行字符串可以添加\增加易读性
event.target 返回是哪个DOM组件触发了事件
.passive 执行默认方法 会忽略掉.prevent
可以通过全局 config.keyCodes 对象自定义按键修饰符别名:
// 可以使用 `v-on:keyup.f1`
Vue.config.keyCodes.f1 = 112
(直接用值代替名字ctrl,shift等等)
请注意修饰键与常规按键不同,在和 keyup 事件一起用时,事件触发时修饰键必须处于按下状态。换句话说,只有在按住 ctrl 的情况下释放其它按键,才能触发 keyup.ctrl。而单单释放 ctrl 也不会触发事件。如果你想要这样的行为,请为 ctrl 换用 keyCode:keyup.17。
.exact 修饰符允许你控制由精确的系统修饰符组合触发的事件
组件上想用v-model:使用自定义事件来代替
is可以用来处理某些特定标签的问题,例如table下面的tr标签
局部注册的组件在其子组件中不可用。
使用require.context可以在入口文件全局注册
全局注册的行为必须在根 Vue 实例 (通过 new Vue) 创建之前发生
最好使用短横线命名: HTML 中的特性名是大小写不敏感的,prop中需要使用对应的短横线命名
事件名必须是短横线
prop可以是数组[],也可以是对象{},使用变量给prop进行动态赋值
父组件prop改变时,所有子组件都要更新,不可以在子组件中更改prop
可以在props中为prop设置验证 (类型验证中type 还可以是一个自定义的构造函数)
$emit 触发父组件的事件,可以抛出数据
插槽就是使组件中间可以写内容