什么是 vue
渐进式的前端 mvvm 的框架
vue 的核心特点
数据响应式（mvvm）
组件化（好维护，可复用）
vue内置指令
v-text 一般不用和插值表达式作用是一样，但是用起来更麻烦
v-html 当你发现 ajax 拿回来的数据不是纯文本，而是 html 的时候，就用这个
v-model 唯一一个可以实现双向数据绑定 局限性只能用于表单控件
v-bind 动态绑定属性 v-bind:msg="msg" 简写形式:msg="msg"
v-on 绑定事件 v-on:click 简写形式@click
$event 在 DOM 标签上的意思是事件对象 在组件上的意思是子组件向当前组件传递过来的数据 $event.target.value $event
修饰符
事件修饰符 prevent stop
按键修饰符 enter(确认) esc(删除写的东西)
表单修饰符 lazy(默认 v-model 内部用的是 oninput 事件 执行太频繁了 比如做搜索的时候单词还没有输完就发一堆的 ajax 请求 用 lazy 就会把事件变成 onchange 事件) trim number
----- v-model 本质是语法糖 `<input v-model="msg">` 原始写法 `<input :value="msg" @input="msg=$event.target.value">`
组件修饰符
- native 组件上的事件不管是叫什么哪怕你 click,keyup,input 也会被认为是自定义事件 只要加一个 native 就知道这是一个原生的事件，最终绑定给组件的根标签
- sync: sync 也是一个语法糖 `<组件 :msg.sync="msg" />` `<组件 :msg @update:msg="msg" />`
v-if 创建和删除元素来实现显示和隐藏 不频繁切换的时候
v-show display v-else,v-else-if 来实现显示和隐藏 哪怕是一开始的时候隐藏这个区域也要渲染好接下来隐藏 初始化开销比较大 频繁
v-for 遍历数组对象数字 在用 v-for 的时候必须用 key 起一个唯一的标识 有 id 用 id 没 id 用索引
v-slot 插槽 v-slot:title #title 默认插槽 default 具名插槽 作用域插槽(子组件需要通过插槽的属性向父组件传递数据)
v-once 当渲染的地方不会再变的时候，用 v-once 提升性能
