Vue创建项目到挂载模块具体步骤

1.创建项目

 

2.自定义components组件

在components文件夹下创建hello.vue文件 

3.编辑hello.vue, template标签下只能有一个根节点，所以写一个<div></div>,所有内容都放在这个div标签下。然后在script标签下暴露这个hello.vue组件，name属性的话建议和hello.vue文件名一致！！！（即为：hello）

4.   

4.1  在主组件App.vue中导入刚才暴露的hello.vue组件，

*4.2   并在App.vue的template标签中加上此组件同名的标签（这里的加进App.vue的组件是hello.vue，所以在template标签中用的就是<hello>标签，可以单个，但是得闭合，也可以成对用） 

4.3 因为App.vue组件也是暴露出去，方便被mian.js挂载到index.html页面上显示，所以当App.vue中新添加进组件后，暴露时也要把新来的同样暴露出去

命令：npm run serve 

然后就可以在浏览器输入：http://localhost:8080/            进行访问