Vue关于组件化开发知识点详解

编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门

在本篇文章里，长沙网络推广给大家分享的是关于Vue关于组件化开发知识点详解内容，有兴趣的朋友们可以学习下。

全局组件注册

Vue.component('first-component', {
 data: function () {
  return {
   count: 0
  }
 },
 template: '<button @click="count++">{{ count }}</button>'
})

data 必须是一个函数

组件模板内容必须是单个根元素

组件模板内容可以是模板字符串

全局组件可以嵌套全局组件

组件命名方式

Vue.component('first-component', {/* .... *