详解Vue(14)——组件基础(组件父传子)

一、全局组件及复用

  • 组件(Component)是 Vue.js 最强大的功能之一。
  • 组件可以扩展 HTML 元素,封装可重用的代码。
  • 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:
  • 注册一个全局组件语法格式如下:
    Vue.component(tagName, options)——tagName 为组件名,options 为配置选项
  • 注册后,我们可以使用以下方式来调用组件:
组件

  
结果

二、data必须是一个函数

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

如果data不是函数,可能就会影星到它所有的实例


官网例子

三、props做数据传递


  
结果

你可能感兴趣的:(详解Vue(14)——组件基础(组件父传子))