白首成约

共同点：都可以给组件提供数据 区别 1、data的数据是自己的--随便改 2、prop的数据是外部的--不能直接改，要遵循单向数据流...

思考：组件的prop可以乱传吗？ 作用：为组件的prop指定验证要求i，不符合要求，控制台就会有错误提示---帮助开发者，快速发现错误 类型校验：Number、String...

prop定义： 组件上注册的一些自定义属性 prop作用：向组件传递数据 特点： 1、可以传递任意数量的prop 2、可以传递任意类型的prop...

组件通信，就是指组件与组件之间的数据传递 组件的数据是独立的，无法直接访问其他组件的数据 想用其他组件的数据-----组件通信 不同的组件关系和组件通信方案分类 组件关系分...

一个组件的data选项必须是一个函数。----保证每个组件实例，维护独立的一份数据对象。每次创建的组件实例，都会新执行一次data函数，得到一个新对象。...

组件的样式冲突scoped 默认情况：写在组件中的样式会全局生效--因此很容易造成多个组件之间的样式冲突问题。 全局样式：默认组件中的样式会作用到全局 局部样式：可以给组件...

组件的使用： 两种注册方式： 1、局部注册 2、全局注册 全局组件的使用技巧： 一般都用局部注册，如果发现确实是通用组件，再抽离到全局。...

普通组件的注册使用 1、局部注册：只能在注册的组件内使用 A、创建.vue文件（三个组成部分） B、在使用的组件内导入并注册 2、全局注册：所有组件内都能使用...

组件化：一个页面可以拆分成一个个组件，每个组件有着自己独立的结构、样式、行为。 好处：便于维护，利于复用--提升开发效率 组件分类：普通组件、根组件 根组件：整个应用最上层...

1、项目结构 2、index.html文件解析 3、 main.js文件解析 4、main.js文件解析-render挂载完整写法 5、 项目运行流程...

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> 适用场景...

语法 :class="对象、数组" 对象---键就是类名，值是布尔值。如果值为true，有这个类，否则没有这个类 数组---数组中所有的类，都会添加到盒子上，本质就是一个c...