vue相关知识

• Vue生命周期：

1. 生命：创建前/后、载入前/后、更新前/后、销毁前/后
2. 生命周期：vue实例从创建到销毁的过程。即从开始创建、初始化数据、编译模板、过载DOM-渲染、更新-渲染、卸载等一系列过程。
3. 作用：生命周期中有多个事件钩子，让我们在控制整个vue实例的过程中更容易形成好的逻辑

• vue的基本使用步骤：

1. 需要提供标签用于填充数据
2. 引入vue.js库文件
3. 使用vue的语法做功能
4. 把vue提供的数据填充到标签里面

• 实例参数：

1. el：元素的挂载位置（值可以是css选择器或者DOM元素）
2. data:模型数据（值是一个对象）

• 插值表达式：{{}}

1. 将数据填充到HTML标签中
2. 支持基本的计算操作

• vue代码运行原理：vue语法——js原生语法，中间有vue框架（编译过程）
• vue模板语法：插值表达式、指令、事件绑定、属性绑定、样式绑定、分支循环结构
• 指令：自定义属性，以v-开始

1. v-cloak指令：解决插值表达式中“闪动”问题
2. v-text指令：填充文本，比插值表达式简洁
3. v-html指令：填充HTML片段，存在安全问题，本网站内部数据可以使用，来自第三方数据不能
4. v-pre指令：填充原始信息，

• 数据响应式

       v-once：只编译一次，显示内容后不再具有响应式功能