如何在CDN安装vue.js项目中嵌套组件

时间:2018-09-06 13:35:10

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

我通过添加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>'})

1 个答案:

答案 0 :(得分:0)

请勿调用组件AB。您的组件应组成: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",
})