Vue Cli3搭建的Vue框架和2对比以及基本的使用

文件目录

• 原来的文件目录

• 现在的文件目录

Store VUEX

• 原来项目的vuex状态管理需要自己 install的，并不包括在搭建过程中，目前精简后使用一个store.js 来囊括vuex，

Router

• router/index.js ==>router.js
• 推荐使用懒加载动态注册路由
• component: () => import('./views/About.vue')

public文件夹

• static 是 webpack 默认存放静态资源的文件夹，打包时会直接复制一份到dist文件夹不会经过 webpack 编译
• 摒弃 static 新增了 public 。 中“静态资源”两种处理方式：
  • 经webpack 处理：在 JavaScript 被导入或在 template/CSS 中通过“相对路径”被引用的资源会被编译并压缩
  • 不经webpack 处理：放置在 public 目录下或通过绝对路径被引用的资源将会“直接被拷贝”一份，不做任何编译压缩处理

src/views

• vue cli 3 的 src文件夹 新增 views文件夹 用来存放 “页面”，区分 components（组件）

去掉 build（根据config中的配置来定义规则）、config（配置不同环境的参数）文件夹<