白首成约

vue生命周期过程中，会自动运行一些函数，被称为【生命周期钩子】---让开发者可以在【特定阶段】运行自己的代码

思考：什么时候可以发送初始化渲染请求？（越早越好） 什么时候可以开始操作dom？ （至少dom得渲染出来） vue生命周期：一条vue实例从创建到销毁得整个过程 生命周期四个阶段

watch侦听器（监视器） 完整写法---添加额外配置项. 1、deep:true 对复杂类型深度监听 2、immediate：true 初始化立刻执行一次handler方法

作用：监视数据变化，执行一些业务逻辑或异步操作。 语法： 简单写法---简单类型数据，直接监视 完整写法---添加额外配置项 额外小点 监听根节点 监听对象属性（需要字符串以对象访问的形式进行监听）

计算属性完整写法 计算属性默认的简写，只能读取访问，不能“修改” 如果要“修改”---需要写计算属性的完整写法

computed计算属性： 作用：封装了一段对数据的处理，求得一个结果 语法： 1、写在computed配置项中 2、作为属性，直接使用--this.计算属性 {{计算属性}}

概念：基于现有的数据，计算出来的新属性。依赖的数据变化，自动重新计算 语法：先声明后使用 声明在computed配置项中，一个计算属性对应一个函数 使用起来和普通属性一样使用{{计算属性名}}

常见的表单元素都可以用v-model绑定关联-快速获取或设置表单元素的值它会根据控件类型自动选取正确的方法来更新元素

语法 :style="样式对象" <div class="box" :style="{css属性名1：css属性值,css属性名2：css属性值}"></div> 适用场景：某个具体属性的动态设置