Es gibt drei Möglichkeiten, eine Komponente in Vue.js zu definieren: Definieren Sie sie direkt im
Nach dem Login kopieren
在标签中,定义组件布局:
组件内容
二、使用组件工厂函数
创建一个工厂函数,并使用defineComponent
辅助函数:
import { defineComponent } from 'vue' export default defineComponent({ // 组件内容 })
三、使用类定义组件
继承Vue.extend
import Vue from 'vue' export default class MyComponent extends Vue { // 组件内容 }
definieren Sie das Komponentenlayout:
// 在 Vue 实例中 this.$options.components.MyComponent = MyComponent
defineComponent
: rrreeeDas Komponentenlayout ist das gleiche wie bei der direkten Definition oben. 3. Verwenden Sie Klassen, um Komponenten zu definieren Inherit
Vue.extend
Erstellen Sie eine Klasse: rrreeeRegistrieren Sie die Komponente: rrreee
Das obige ist der detaillierte Inhalt vonSo definieren Sie eine Komponente in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!