vue知识点（mst）汇总（一）

1.vuex的作用？
vuex是一个专门为vue.js应用程序开发的状态管理模式
vuex可以帮助我们管理共享状态，也就是管理全局变量
vuex的几个核心概念：
vuex使用一个store对象管理应用的状态，一个store包括：state,getter，mutation,action四个属性
state:state意为’状态’，是vuex状态管理的数据源
getter:getter的作用与filters有一些相似，可以将state进行过滤后输出
mutation:mutation是vuex中改变state的唯一途径，并且只能同步操作
action:一些对state的异步操作可以放在action中，并通过在action提交mutaion变更状态
module:当store对象过于庞大时，可以根据具体的业务需求分为多个module

我们可以在组件中触发 Action，Action 则会提交 Mutation，Mutaion 会对 State 进行修改，组件再根据 State 、Getter 渲染页面

2.vue中的路由拦截器的作用？
路由拦截，权限设置
例如：当用户没有登录权限的时候就会跳转到登录页面，用到的字段requireAuth:true

3.axios的作用？
vue中的ajax，用于向后台发起请求
特点：
从浏览器中创建XMLHttpRequests
从node.js创建http请求
支持 Promise API
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换json数据
客户端支持防御XSRF
promise：
一个对象用来传递异步操作的信息
promise的出现主要是解决地域回调的问题，无需多次嵌套
本质：分离异步数据获取和业务
拦截器分为请求拦截器和响应拦截器
#请求拦截器
axios.interceptors.request.use(function(config){
return config;
},function(error){
return Promise.reject(error);
});
#响应拦截器
axios.interceptors.response.use(function(response){
return response;
},function(error){
return Promise.reject(error);
});

4.列举vue的常见指令。

1.文本插值：{{}} Mustache

{{message}}

2.DOM属性绑定：v-bind

鼠标悬停几秒钟查看此处动态绑定的提示信息

3.指令绑定一个事件监听器：v-on

{{message}}

逆转消息

4.实现表单输入和应用状态之间的双向绑定：v-model

{{message}}

5.控制切换一个元素的显示：v-if和v-else

现在你看到我了

6.列表渲染:v-for

1. 
   
2. 
   {{todo.text}}
   
3. 
   

5.列举Http请求中常见的请求方式？

get
向特定的路径资源发出请求，数据暴露在url中
post
向指定路径资源提交数据进行处理请求，数据包含在请求体中
options
返回服务器针对特定资源所支持的http请求方法，允许客户端查看，测试服务器性能
head
向服务器与get请求相一致的响应，响应体不会返回，可以不必传输整个响应内容
put
从客户端向服务器端传送的数据取代指定的文档的内容
delete
请求服务器删除指定的页面
trace
回显服务器收到的请求，主要用于测试或者诊断
connect
http/1.1协议中预留给能够将连接改为管道方式的代理服务