组件相关


这个算是vue的一个核心功能,内容比较多,所以需要多看才能理解

prop属性问题

这个是一个比较重要的知识点,我们可以通过这个东西向子组件传递数据。

监听子组件的事件

父组件的监听事件(这里我定义了一个函数,当这个事件触发时就执行这个函数)

子组件来进行触发

子组件还可以传入值

我们可以通过event来获取这个值

多向传递

插槽

我们通过调用组件,可以往中间插入值

prop验证

Vue.component(\'my-component\', {
  props: {
    // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
    propA: Number,
    // 多个可能的类型
    propB: [String, Number],
    // 必填的字符串
    propC: {
      type: String,
      required: true
    },
    // 带有默认值的数字
    propD: {
      type: Number,
      default: 100
    },
    // 带有默认值的对象
    propE: {
      type: Object,
      // 对象或数组默认值必须从一个工厂函数获取
      default: function () {
        return { message: \'hello\' }
      }
    },
    // 自定义验证函数
    propF: {
      validator: function (value) {
        // 这个值必须匹配下列字符串中的一个
        return [\'success\', \'warning\', \'danger\'].indexOf(value) !== -1
      }
    }
  }
})

组件缓存

异步组件

这个算是一个非常重要的功能


文章作者: 小游
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 小游 !
  目录