摘要: 原理: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)
摘要: 组件注册的两种方式: 1. 局部注册:只能在注册的组件内使用 ① 创建 .vue 文件(三个组成部分) ② 在使用的组件内导入并注册 eg: (import 组件对象 from ' .vue文件路径 ') import HmHeader from ' ./components/HmHeader ' 阅读全文
posted @ 2023-10-08 21:03 1stzz1 阅读(48) 评论(0) 推荐(0)
摘要: 组件化:页面可拆分成一个个组件,每个组件有着独立的结构、样式、行为 组件分类:普通组件、根组件 根组件:整个应用最上层的组件,包裹所有普通小组件 一个根组件 App.vue,包含三个部分 App.vue 文件(单文件组件)的三个组成部分:结构、样式、行为 结构通过 template 标签提供,行为通 阅读全文
posted @ 2023-10-08 19:57 1stzz1 阅读(141) 评论(0) 推荐(0)
摘要: 1.内容: import Vue from 'vue' //导入 Vue 核心包 import App from './App.vue' //导入 App.vue 根组件 Vue.config.productionTip = false //提示当前处于什么环境(生产环境 / 开发环境),fasle 阅读全文
posted @ 2023-10-08 19:24 1stzz1 阅读(287) 评论(0) 推荐(0)
摘要: 打开终端:ctrl + shift + (~`) 启动工程:npm run serve 停止工程:ctrl + c 阅读全文
posted @ 2023-10-08 18:51 1stzz1 阅读(1063) 评论(0) 推荐(0)