vue组件的概念

一、vue组件的概念

就是把一个大网页，拆分成多个模块，由多个模块组成一个大网页

二、创建组件：说白了就是一个 .vue文件

2.1 组件的管理
统一放到components里面
2.2 组件的命名首字母要大写

三、引入组件

四、父组件传值给子组件

4.1 场景：什么情况下涉及到传值？
父组件请求到数据传递给子组件，子组件渲染数据
4.2 父组件如何传递？
（1）死数据：

(2)或数据：

（单向数据流不可被修改）
4.3 子组件如何接收？
（1）

  （2）export default {
           props:{
              msg:{
                 type:String,
                 default:'这是msg'
              }
           }
        }

五、父组件传值给子组件是：单向数据流【不可被修改】

  注意：如果父组件传的是 “数组” 或 “对象”，是可以修改的，但是不建议 

六、子组件传值给父组件

子组件传递：this.$emit(‘changeBtn’,this.msg)
参数1：自定义事件的名称
参数2：传递的具体值
父组件接收：
<Header @changeBtn=“change”>

七、兄弟组件之间的传值

前提要新建一个 bus.js 文件
import Vue from ‘vue’
export default new Vue()
A兄弟 传递：
methods:{
btn(){
bus.KaTeX parse error: Expected 'EOF', got '}' at position 38: …msg); }̲ } B兄弟…on(“changeMsg”, (val) => {
console.log(val);
});
},