1.父组件App.vue 中script部分编辑引入子组建比如
Left.vue 代码如下:import Left from "@/component/Left.vue"
这里的import Left 导入的名称可以随便起,起什么后面引入时候就用这个
这里的@=·/src
2.依旧在父组件App.vue下script中import下面输入如下代码:
注册组建
export default {
component:{
'Left' : Left//因为这里键值对和值都一样,所以可以缩写 Left 就OK了
}
}
3.父组件App.vue中template>div标签内直接以标签的形式应用注册好的组建即可
<Left></Left>
以上是Left.vue就是App.vue的私有组建,如果其他组建要用Left.vue组建依旧要经历这三个步骤,如果某个组建用的比较频繁,我们可以定义全局组建,然后在所需组建里直接调用就行了:
MyCount这里可以随便取名字,一般首字母大写取什么名字后面组建使用就用<MyCount组建名></MyCount组件名>