vue构建pc端项目（ElementUI）、vue入门小应用

Webpack+Vue-router的架构方式

1. Vue-cli安装省略（vue-cli搭建）
2. ElementUI库（pc端）的引用（见下文）
3. 打包（项目完成后打包放服务器）

在项目目录下运行 npm run build  运行完成之后会在项目里面增加一个dist的目录，直接把这个目录丢给服务器就好了，dist目录的名字可以自定义在配置文件里面

 

 上面1、2项完成好后，在命令框中  运行我们的项目 npm run dev/npm run start  会出现下面的界面：

开始开发：

1. 找到项目中的index.html:入口页面，可以添加我们整个项目的meta信息或页面的重置样式等
2. src/App.vue整个项目的入口组件（可以将自定义组件写在这里也可写下src自定义的文件中）；
3. src/router/index.js 路由主要用来配置实现访问的路径及跳转等

模板初体验：

1. 在src下创建一个文件夹并在文件夹中创建一个后缀为leftNav.vue的模板。引入ElementUI中提供的样式

这里我们需要注意的是，每一个.vue文件里面只能有一个根目录，就是说在这个class为hello的div下面不能有并列的元素，要不然会报错，好了到这里就真的可以愉快的玩耍

      2.将我们刚刚创建的组件放在模板中（例：leftNav.vue）

           a.用import在App.vue中引入leftNav组件

在App.vue入口组件中必须要有这个路由渲染：将子组件渲染到index.html单页面中

          b.引入后在vue的构造器里添加components属性，并放入我们的leftNav组件。(组件名称和标签名称一样，写一个即可)

         c.这样组件就算在页面引入成功了，接下来我们就可以在