1、data必须是一个函数，防止多个组件实例共享一份数据。虽然属性默认值，我们不应该去修改它，但实际上，有些人会这么做
一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝
data() {
return {
msg:"hh"m
}
}
2、父组件引入子组件，并且有components
子组件：使用props属性
3、props通常使用对象的写法，有利于维护。可以自定义校验，默认值
问题
问题待解决：
1、子组件为什么不能修改父组件传递的prop: 主要还是一个单向数据流的问题，要保证数据的更新都是从顶层往下层流动
2、如果修改了，Vue是如何监控到属性的修改并给出警告的 Object.defineProperty
标志位
如果属性是通过父组件修改的话，标志位不会走到报错这个逻辑。但如果是子组件直接修改的话，会提示报错。、
3、this.$emit的返回值是this，需要返回值可以使用回调参数
1、data必须是一个函数，防止多个组件实例共享一份数据。虽然属性默认值，我们不应该去修改它，但实际上，有些人会这...
Vue 环境搭建、配置路由 基础指令（选项数据、模板语法） 计算属性、方法、侦听器 组件 组件传值（父子组件、兄弟...
实现目标：搭建 Vue 的 TS 版编程环境，并学习下 Vue 的类组件使用 一、配置 webpack 首先通过：...
本文为转载，原文：Vue学习笔记入门篇——组件的通讯组件意味着协同工作，通常父子组件会是这样的关系：组件 A 在它...
Vue2使用笔记3--父子组件的通信Vue 2.0开发实践（组件间通讯）Event Bus 在Vue中的使用vue...
最近做了一次关于vue组件自动化测试的分享，现在将vue组件单元测试环境搭建过程整理一下。这次搭建的测试环境和开发...
1.父子组件传值 vue2中的父子组件传值：父组件： 子组件： vue3中的父子组件传值： 还是用props接收父...
1、vue父子组件之间的通信 在vue组件通信中其中最常见通信方式就是父子组件之中的通性，而父子组件的设定方式在不...
父子组件插槽的使用 父组件product.vue 子组件 ProductParam.vue
近期学习 vue3 的父子组件之间的传值，发现跟 vue2.x的父子组件之间的传值 并没有太大的区别，我这边总结一...
本文标题：vue学习笔记（一）：搭建环境，父子组件
本文链接：https://www.haomeiwen.com/subject/muomvqtx.html
网友评论