vue如何创建组件实例
时间: 2024-06-02 16:13:24 浏览: 142
Vue中创建组件实例的方式有两种:
1. 在Vue实例的template中通过组件名引用组件:
例如,我们有一个名为 my-component 的组件:
<template>
<div>
<my-component></my-component>
</div>
</template>
2. 通过Vue.extend创建组件实例:
例如:
var MyComponent = Vue.extend({
template: '<div>Hello Vue!</div>'
})
//创建组件实例
new MyComponent().$mount('#app')
其中,Vue.extend用于创建一个Vue的子类,参数是一个包含组件选项的对象,组件选项至少需要设置 template 属性,用于指定组件模板。
最后,通过 new MyComponent() 创建组件实例,然后通过 $mount 方法将组件实例挂载到某个元素上,使其生效。
阅读全文