扩展:
引用组建 有两种方式 ,我只会两种
第一种:哪里需要引用那里
第二种:定义全局组建
上面用的是第二种 定义的全局的组建
第一种定义方式如下:
- script中导包
- components中声明
- 标签中引用
// 1. 导入需要使用的 .vue 组件
import Left from '@/components/Left.vue'
// 2. 注册组件
components: {
Left,
Right,
}
//3.实现引用
<Left></Left>
第二种方式定义如下:
- main.js中导包
- 调用Vue.compontent("定义的标签名",定义的包接受名)
- 需要的地方引用 定义的标签名
1.导包
import Count from '@/components/Count.vue'
2.定义组件
Vue.component("MyCount",Count)
3.使用标签
<MyCount></MyCount>