vue单文件组件的构建

　　 npm install -g vue-cli
　　 vue init webpack-simple my-project
　　 cd my-project
　　 npm install
　　 npm run dev
　

• npm run dev：Webpack + vue-loader与适当的配置源地图和热重新加载。

• npm run build：使用HTML / CSS / JS进行构建。

　　在App.vue中引入你项目的页面（import）

　　export default{

　　　　components:{

　　　　　　"home":Home,
　　　　　　"goods":Goods,
　　　　　　"shopcar":Shopcar
　　}

　　在component中  引用以上组件

　　}

　　在项目页面组件中的结构如下：

　　同样在export default中

　　　　data:fuction(){

　　　　},

　　　　methods:{

　　　　}

　　　　这里要注意一点的是data是一个方法   就这个特殊

　　　　完成后   npm run build  完成打包  代码会自动压缩

　　　　index.html    dist文件夹

　　　　这两个一起拿出来 就可以上线了

　　　　以上就是vue单页面组件的构建