2020-8-21vue+elementui学习笔记

1.vue的ref属性

：ref属性和is属性详解

2.vue的key属性

：key属性详解

3.vue组件封装

【1】props传过来的数据只做展示，不得修改，想修改，再新写一个data中的变量承接做数据的再处理。

【2】如果如果你希望在 ComponentB 中使用ComponentA
则有三部曲:a) import b) 在ComponentB组件的components属性中添加ComponentA c) 在ComponentB组件的html部分添加ComponentA标签

代码示例：

//ComponentB.js 或 ComponentB.vue 文件
import ComponentA from './ComponentA'
import ComponentC from './ComponentC'

export default {
  name: "trendsFrom",
  components: {
    ComponentA,
    ComponentC
},
  props: {//父组件将会传入的参数
    searchForm: {
      type: Array,
      default: [],
      desc: "动态组件列表"
    },
  },
  }