Dieses Mal werde ich Ihnen die Methode zur Verwendung von Vue.js -Komponenten vorstellen und welche Vorsichtsmaßnahmen bei der Verwendung von Vue.js-Komponenten gelten. Hier sind praktische Beispiele sehen.
1. Alle Vue-Komponenten sind auch Vue-Instanzen, unterteilt in globale Komponenten und lokale Komponenten. Die Registrierungsmethode ist wie folgt.
<p id="app">
<my-component></my-component>
<child-component></child-component></p><p id="example">
<my-component></my-component>
<!--在#app内局部注册的组件在此无法被渲染 -->
<child-component></child-component></p><script src="https://cdn.jsdelivr.net/npm/vue"></script><script>Vue.component('my-component', { //全局组件，建议使用短横线分隔式命名组件 template: '<p>A custom component!</p>'})var Child = {
template: '<p>A child component!</p>'}var app = new Vue({
el: '#app',
components: { //局部组件，仅可在父作用域#app中使用
'child-component':Child
}
})var example = new Vue({
el:'#example'})</script>Hinweis:
Es gibt Einschränkungen für Eltern-Kind-Elemente wie
