如何在 cdn setup vue.js 项目中嵌套组件

【问题标题】：How to nest components in cdn setup vue.js project如何在 cdn setup vue.js 项目中嵌套组件
【发布时间】：2019-02-11 18:58:50
【问题描述】：

我通过添加 cdn 链接创建了一个 vue.js 项目。我创建了两个名为 A 和 B 的组件。但我无法嵌套这两个组件。有什么办法可以像我们在 cli-setup 项目中那样嵌套这两个。

Vue.component('A',{template: '<p>Hello I am A</p>'})
Vue.component('B',{template: '<p>Hello I am B</p>'})

【问题讨论】：

标签： vue.js vuejs2 vue-component vuex vue-router

【解决方案1】：

不要将您的组件称为A 或B。你的组件应该组成：https://vuejs.org/v2/guide/components-registration.html

然后在另一个模板中重用一个组件：

Vue.component('component-a',{template: '<p>Hello I am A</p>'})
Vue.component('component-b',{template: '<div><p>Hello I am B</p><component-a></component-a></div>'})

然后显示你的组件：

<div id="app">
    <component-a></component-a>
    <component-b></component-b>
</div>

和

new Vue({
  el: "#app",
})

【讨论】：