vue组件

组件

  • 组件(Component)是Vue.js最强大的功能之一。
  • 组件可以扩展HTML元素,封装可重用的代码
  • 组件系统让我们可以用独立可复用的小组将来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件数
  • vue组件

全局组件

  • 全局组件注册之后可以用在任何新创建的Vue根实例的模板中
  • vue组件

局部注册

  • vue组件

  • data必须是一个函数 一个组件的data选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝

  • vue组件

  • prop 当一个值传递给一个prop特性的时候,它就变成了那个组件实例的一个属性

  • vue组件

  • 动态prop prop可以通过v-bind动态赋值

  • vue组件

    • 子组件监听
    • 每个Vue实例都实现了事件接口,即
    • 使用$on(eventName)监听事件
    • 使用$emit(eventName)触发事件
    • vue组件