@keyup.enter加.native有什么作用？使用Element-ui，因为Element-ui是封装组件，这个时候使用按键修饰符需要加上.native覆盖原有封装的keyup事件即可，可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签<el-input v-model="account" placeholder="请输入账号" @keyup.enter.nati

element-ui的el-form表单和el-table校验嵌套使用校验el-input和el-select

<template><div><div><ag-grid-vue:selectCol="selectCol"rowSelection="multiple":rowHeight="rowHeight":headerHeight="headerHeight":minColWidth="minColWidth"class="ag-theme-balham".

Vue数据绑定Vue中有2种数据绑定的方式：1.单向绑定(v-bind)：数据只能从data流向页面。2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。注意点：1.双向绑定一般都应用在表单类元素上（如：input、select等）2.v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值。1.单向数据绑定普通写法&

Vue自定义指令directives（函数方式，对象方式）定义局部指令，定义全局指令，指令执行的时机

Vue中的事件修饰符：1.prevent：阻止默认事件（常用）；2.stop：阻止事件冒泡（常用）；3.once：事件只触发一次（常用）；4.capture：使用事件的捕获模式；5.self：只有event.target是当前操作的元素时才触发事件；6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕；示例说明1.prevent：阻止默认事件阻止默认事件， 比如a标签阻止跳转，此时

vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘xxx’. This may cause an update error.found in—>at packages/table/src/table.vue发现问题原因是el-table使用树结构row-key使用了重复的key，需要后端返回一个唯一的key比如

Vue实现动画效果：单个元素过渡transition，多个元素过渡transition-group

@keyup.enter加.native有什么作用？使用Element-ui，因为Element-ui是封装组件，这个时候使用按键修饰符需要加上.native覆盖原有封装的keyup事件即可，可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签<el-input v-model="account" placeholder="请输入账号" @keyup.enter.nati

el-checkbox的基本使用，避坑指南使用el-checkbox勾选出现的问题：全选不生效，全选后底下的勾选不能回显