摘要:
原理:v-model 本质上是一个语法糖。例如应用在输入框上,就是 value 属性 和 input 事件 的合写(如果应用于复选框,就是 checked 属性和 change 事件的合写,下拉菜单是 value 属性和 change 事件的合写) 作用:提供数据的双向绑定 ①数据变,视图跟着变 : 阅读全文
posted @ 2023-10-09 20:15
1stzz1
阅读(388)
评论(0)
推荐(0)
摘要:
共同点:都可以给组件提供数据 不同点: data 的数据是自己的,随便改。 prop 的数据是外部的,不能直接改,要遵循 单向数据流。 单向数据流:父组件的 prop 更新,会单向地向下流动,影响到子组件 阅读全文
posted @ 2023-10-09 18:01
1stzz1
阅读(50)
评论(0)
推荐(0)
摘要:
prop:组件上注册的一些自定义属性 prop 作用:向子组件传递数据 prop 特点:可以传递任意数量、任意类型的 prop props 校验 作用:为组件的 prop 指定验证要求,不符合要求,控制台就会有错误提示 语法:1.类型校验 2.非空校验 3.默认值 4.自定义校验 1. 类型校验: 阅读全文
posted @ 2023-10-09 17:03
1stzz1
阅读(474)
评论(0)
推荐(0)
摘要:
组件通信是指 组件与组件 之间的数据传递。 组件的数据是独立的,无法直接访问其他组件的数据,想用其他组件的数据,需要通过组件通信方案。 组件关系分类:父子关系、非父子关系 组件通信方案: 父子关系:props(父传子) 和 $emit(子传父) 非父子关系:① provide & inject ② 阅读全文
posted @ 2023-10-09 15:21
1stzz1
阅读(75)
评论(0)
推荐(0)
摘要:
一个组件的 data 选项必须是一个函数,可以保证 每个组件实例 维护独立的一份数据对象。每次创建新的组件实例,都会新执行一次 data 函数,得到一个新对象 eg: <script> export default { data () { return { count : 999 } } } </s 阅读全文
posted @ 2023-10-09 14:54
1stzz1
阅读(31)
评论(0)
推荐(0)
摘要:
全局注册:所有组件内都能直接使用。在多个组件范围内使用的通用的组件 就可以定义成 全局组件 步骤:① 创建 .vue 文件(三个组成部分) ② main.js 中进行全局注册 //(import 组件对象 from ' .vue文件路径 ') import HmButton from ' ./com 阅读全文
posted @ 2023-10-09 13:47
1stzz1
阅读(77)
评论(0)
推荐(0)
浙公网安备 33010602011771号