vue笔记

简写

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 触发父组件的事件,可以抛出数据

插槽就是使组件中间可以写内容

你可能感兴趣的:(vue笔记)