Как вложить компоненты в cdn setup vue.js project - PullRequest
Новая
       12

Как вложить компоненты в cdn setup vue.js project

0 голосов
/ 06 сентября 2018

Я создал проект vue.js, добавив ссылки на CDN. Я создал два компонента с именами 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 голосов
/ 08 сентября 2018

Не называйте ваши компоненты 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",
})
...