(1)不要在选项属性或回调上使用箭头函数:箭头函数是和父级上下文绑在一起的
(2)vue中不能在子组件的模板内直接引用父组件的数据,需要借助prop下发在子组件
(3)使用 validate、resetFields方法时,必须使用prop属性,重置表格需要本地设置初始值
(4)el-table的:data绑定必须是数组,不能使用对象
(5)读取json数据时,不能直接用在v-for上,要先判断对象数组的长度(length)
(6)引入外部图片使用变量时,需要先在实例data中返回,再在模板中使用
(7)label值字符转整型::label="parseInt('11')"
(8)click事件触发多个处理函数时,不可以省略函数的括号
@click="scoreLogDialog = true;getAllScoreLogs()"
(9)数组元素增加属性后,视图不能及时更新:
使用数组的splice方法,如arr.splice(arr,0),强制刷新视图数据
(10)router-link标签用于路由跳转,会阻止掉事件,使用@click.native绑定事件,.native
类似于将元素转换成原生的DOM元素
(11)v-model和:model的区别
v-model用于双向绑定数据,只在表单标签(input、select、textarea等)中有效
:model是v-bind:model的简写,<child :model="msg"></child>是将父组件的数据传递给子组件;而<input type="text" v-model='msg'> <child v-model='msg'></child>是实现父子组件中数据的双向绑定
网友评论