Vue组件的基本使用

组件的基本使用

Vue.component(参数1,参数2)

  • 参数1:组件的id
  • 参数2:组件的配置

Vue组件的基本使用

Vue组件的基本使用

Vue组件的基本使用Vue组件的基本使用Vue组件的基本使用

注:

  1. 组件里的data必须是一个函数,函数的返回值是对象,对象里写这个组件的数据
  2. 组件的template(模板),必须要有一个跟标签,包住所有的内容
  3. 组件的template里可以直接写html,也可以专门去找一个写好的模板
  4. 组件不管复用多少次,每次复用都是独立的数据,互不影响