Vue.component('组件名', <template><div><p>我是子组件</p><p>我是子组件</p></div></template>)
因为组件模板template中只能包含一个根元素,所以需要用div包着
- 局部注册,在需要使用的组建中
import InputNumber from './components/InputNumber'
component: {
InputNumber
}
使用组件
<Input-number />
- 全局注册 在main.js中
import InputNumber from './components/InputNumber'
Vue.component('Input-number', InputNumber) //
使用组件
<Input-number />
网友评论