vue组件挂载及其之间通信

vue组件挂载步骤
1.在src文件下创建文件夹component，放置子组件文件名.vue 即创建的组件
2.注册组件
创建的子组件需要挂载到app组件里面，就在该组件内部直接引入子组件
组件在谁里面使用 在谁里面注册 这中注册方式叫局部注册
局部注册的组件只能在父组件里面使用
在script下面引入 import 别名 from 文件路径
2.注册组件 在属性components里面进行注册
常规写法 键值的形式 简写 直接使用组件变量 键和值一样的时候可以直接简写
export default {
name: "app",
components: {
// "v-toptitle": topTitle,
// "v-leftmenu": leftMenu,
// "v-rightcontent": rightContent
topTitle,
leftMenu,
rightContent
},
}
3注册完成之后，在template里面使用

全局注册是在main.js里面注册
//整个项目的组件都可以使用   

//注册给整个vue对象
//1.引入需要注册的全局组件
import getTime from './component/child/getTime'
在vue类的方法 component里面进行注册
//Vue.component("v-times",getTime);
// Vue.component('v-times',{
// template:"

{{msg}}

", //字符串的标签模板
// data(){ //当前模板的数据
// return {
// msg:"时间1"
// }
// }
// });

组件挂载完成后，涉及到子父之间的传值以及非子父之间的传值

//非父组件直接通信使用事件车 来源于new Vue()，
在main.js里面写入
Vue.prototype.EmitEvent=new Vue();