1.在components中新建一个子组件,例如:user.vue
模板与生成的helloWord.vue模板基本一致
方法一:
2.在main.js中
全局注册组件
Vue.component("user",user)----------->("名称",对应组件)
引用(为了识别组件)
import User from './components/user'
3.调用:在App.vue中
<user></user>
方法二:
局部组件:只在App.vue中使用
2.在App.vue中,拿到user的组件
import user from './components/user'
注册组件:
export default{
components:{
“user”:user;
“名称”:调用组件;//名称不能与系统标签一样,如<p></p>
}
}
3.调用