Vue学习笔记之组件

• 一.单文件组件
  • 1.三个部分组成
    • a. Template：只能存在一个根元素
    • b. script
    • c. style
      • scoped：样式只在当前组件内生效
  • 2.子父级组件交互（通信）
    • 父 -> 子：props
    • 数据传递类型限制（验证）
      • 数据类型验证
      • 多数据类型验证
      • 必选项
      • 默认值
      • obj，arr数据类型的默认值
    • 子 -> 父：emit Event
  • 3.插槽
    • 单个插槽
    • 具名插槽
    • 作用域插槽：数据是子传父
      • 注意：2.5.0之前要用在template身上

      <template slot='s1' slot-scope='keyA'>
      <p>{{keyA.text}}</p>//test为子级传递的key值
      <template>
      

  • 4.动态组件
    • 1.keep-alive：注意：需要实时获取数据不能使用（不符合业务场景），只有加载静态数据并想要保持加载状态时可以使用