vue2.0总结

1.登录拦截

引入axios

axios.interceptors.request.use(function(config){}
axios.interceptors.response.use(function(config){}

2.export defalut;export 用import 引入的区别

export defalut 是默认暴露就不用花括号引入
export 引入要花括号引入 提示：要return 出去再引入页面才能看到。

3.代理服务器跨域问题
前端解决跨域问题就是在proxy里面配置一个代理服务器就能正常通信

4.promise方法
5.密码加密 方法base64 md5 sha1
6.v-if 直接把要隐藏的元素删除掉 消耗的资源比v-show大 如果要请求相关接口
v-show 通过display:none/block来显示隐藏元素 单纯的显示隐藏
7.Vue两种编译模式
1.完整版 compiler模式 ：运行时+编译器
2运行版 runtime模式：运行时（默认是运行版）
以上两个版本的区别：完整版中既包含了运行时 又包含了 编译器，编译器就是用来解析
Vue模板的（ 可以理解为就是 Vue实例中 template 配置项 ）
如果在 运行时版本 中，是无法使用 template 模板内容的，因为 运行时版本 中没有编译器
也就无法编译 template 模板内容。此时，应该使用 render 函数来渲染组件内容
8.用mixin封装一个样式方法：

eg:方法名（属性，值）
@mixin tran($type,$value){
-webkit-#{$type}:#{$value};
-moz--#{$type}:#{$value};
-o--#{$type}:#{$value};
}

然后在要应用的地方 @include tran(transition,all .3s ease .1s)
9.本地存储
cookie 存储大小小于4K 要求请求头携带cookie的时候会运用到
sessionStorage临时存储 浏览器关闭之后清除
localStorage长期性存储 要手动清除才能清除掉
10.
JSON.parse()//字符串转为对象
JSON.stringify()//对象转字符串
11. Vuex的action
和mutation的功能类似，都是变更store的state的值
action 主要处理的是异步操作，也可以做同步操作（视图触发Action,Action再触发Mutation）可以回调处理事件
mutation必须同步执行 同步没有回调处理事件
12.路由守卫
路由跳转之前 router.beforeEach()
13.webpack打包原理
根据文件间的依赖关系进行静态解析，然后将模块根据指定规则打包成静态资源