Terdapat tiga cara untuk mentakrifkan komponen dalam Vue.js: mentakrifkannya secara langsung dalam teg
dan mengeksport objek komponen, menciptanya menggunakan fungsi kilang komponen dan menentukan fungsi pembantu Komponen, atau gunakan kelas untuk mentakrifkan komponen dan mewarisi Vue.extend untuk menciptanya. . } Eksport objek komponen: Salin selepas log masuk
Dalam teg, tentukan reka letak komponen:
组件内容
2. Gunakan fungsi kilang komponen
defineComponent
:
import { defineComponent } from 'vue' export default defineComponent({ // 组件内容 })
标签中,使用
export default {}
导出组件对象:
import Vue from 'vue' export default class MyComponent extends Vue { // 组件内容 }
在标签中,定义组件布局:
// 在 Vue 实例中 this.$options.components.MyComponent = MyComponent
二、使用组件工厂函数
创建一个工厂函数,并使用defineComponent
辅助函数:
三、使用类定义组件
继承Vue.extend
Susun atur komponen adalah sama seperti definisi langsung di atas.
3. Gunakan kelas untuk mentakrifkan komponen
Vue.extend
Cipta kelas: rrreeeDaftar komponen: rr
Atas ialah kandungan terperinci Bagaimana untuk menentukan komponen dalam vue.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!