vue2中component
时间: 2023-07-18 18:46:02 浏览: 83
vue2-element
在Vue2中,可以通过`Vue.component`方法来创建一个组件。该方法接受两个参数,第一个参数是组件的名称,第二个参数是一个对象,包含组件的选项,例如template、props、methods等。下面是一个简单的例子:
```
Vue.component('my-component', {
template: '<div>{{ message }}</div>',
data() {
return {
message: 'Hello, world!'
}
}
})
```
在这个例子中,我们创建了一个名为`my-component`的组件,它的模板为`<div>{{ message }}</div>`,并且定义了一个`data`选项,其中包含一个名为`message`的数据属性。
在父组件中,可以通过以下方式来使用这个组件:
```
<my-component></my-component>
```
当父组件渲染时,会将`my-component`标签替换为组件的模板,并且`message`数据属性的值会被替换为`Hello, world!`。
阅读全文