vue.js企业实战 汇总

（一）npm 相关

npm install name -g // 全局安装
npm uninstall name // 卸载
npm list name // 查看某一个模块的版本
npm update name // 更新某一个模块

(二) 主要的模块化解决方案有 : AMD (requirejs)、 CMD （sea.js)、 CommonJS、 ES6。

(三) 前后端分离方式

关于分离方式的内容，首先要介绍分离方式的种类，主要分为 三种 。

1. 不分离
2. 部分分离
3. 完全分离

不分离 : 前后端共用同 一个项目目录，本地开发环境搭建成本高，项目比较复杂、 不直维护且维护成本高、发布风险高，不利于问题的定位和修改。

部分分离:本地环境搭建成本较高，需要后端提供页面模板 （JSP等)，更新和修改 模板需要后端人员操作，效率低且不易维护，发布方式需要同时发布，且沟通成本比较高。前端写好后，把index.html 打包好给后端～

完全分离：现在一般项目都是完全分离。分离开发、 分离部署。前端使用纯 HTML通过接口的方式进行数据的交互，降低系统的复杂度， 部署时单独部署到 一 台服务器上 ， 使用代理进行数据的交互。

（四）export 与 export default

使用 export default时，对应的 import 语句不需要使用大括号:不使用 export default 时，对应的 import语句需要使用大括号。 export default命令用于指定模块的默认输出。显然一个模块只能有一个默认输出，因此 export default命令只能使用一次。 所以 import命令后面才不用加大括号，因为只能唯一 对应一个 export default命令。

export ---->  import { 名称 } from '文件名'    （export 需要括号）

export default ---->  import 名称 from '文件名' （export default 不需要）

举例：

// export_default.js
export default function hello1 (name) {
  console.log(`hello !!${name}`)
}

// test.vue
import  hello1 from './export_default'
mounted () {
    hello1('gaogao')
  },

// export.js
function hello (name) {
  console.log(`Hello~${name}`)
}

export {
  hello
}


// test.vue
import { hello } from './export'
mounted () {
    hello('zhoufangbing');
  },