面试题小点（玩的）

1.vue2.0生命钩子
beforeCreate 初始化以后----> el 和 data 并未初始化

created 建立完成 --------->data 数据的初始化，el没有

beforeMount 挂载以前 ----->完成了 el 和 data 初始化

mounted 被建立 ------>完成挂载 dom元素已经加载到HTML中

beforeUpdate 数据更新前

updated 被更新后

activated

deactivated

beforeDestroy 销毁前

destroyed 销毁后
--------------------------------------------------------------------
2.vue 路由钩子函数
全局 前置钩子：router.beforeEach((to, from, next) 后置钩子：afterEach（to, from）
组件内的钩子函数：
beforeRouteEnter (to, from, next) {
// 在渲染该组件的对应路由被 confirm 前调用
// 不能获取组件实例 `this`
// 由于当钩子执行前，组件实例还没被建立
next(vm => {
// 经过 `vm` 访问组件实例
})
},
beforeRouteUpdate (to, from, next) {
// 在当前路由改变，可是该组件被复用时调用
// 举例来讲，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
// 因为会渲染一样的 Foo 组件，所以组件实例会被复用。而这个钩子就会在这个状况下被调用。
// 能够访问组件实例 `this`
},
beforeRouteLeave (to, from, next) {
// 导航离开该组件的对应路由时调用
// 能够访问组件实例 `this`
}
--------------------------------------------------------------------
3.vue路由传参
linkActiveClass:"router-link-active"(默认值),
mode hash 和 history
params：{xxx:xxx} --->this.$route.params.xxx
query: { xxx:xxx}} ---->this.$route.query.xxx ${拼参数}
<router-link :to="{name:'xxx',params:{xxx:xxx}}">
this.$router.push()/replace
---------------------------------------------------------------------
4.检索字符串里面的片断并获取该片断；
var str = 'ssbvbss$targetString$vvv'
var str1 = '$targetString$'
if(str.indexOf(str1)>-1){
var st = str.indexOf(str1);
var st3 = str.substr(st,str1.length)
console.log(st3,'存在')
}
---------------------------------------------------------------------
5.vue路由建立过程和实现原理
1.定义组件
2.定义路由 (每一个路由应该映射一个组件)
3.建立router实例 ，而后传‘routes’ 配置
4.建立和挂载根实例，从而让整个应用都有路由功能
---------------------------------------------------------------------
一、当浏览器访问网页时候，实际上是有真实的物理文件传输的，浏览器先将网页上的内容缓存到本地文件夹中而后渲染出来给用户查看；
二、第二次访问要比第一次快已经将这个网页上的信息缓存到了本地；
---------------------------------------------------------------------
在浏览器输入一串url浏览器作了什么事情？
1.发送请求报文（请求行+请求头+请求体）
2.处理浏览器请求
3.将处理结果返回浏览器
4.发送响应报文（响应行+响应头+响应体）
5.解析浏览器返回的内容呈现给用户
---------------------------------------------------------------------
url拆分
1.网络协议类型：http://
2.服务器ip地址:127.0.0.1
3.服务器端口：80
4.资源名称 index.html
---------------------------------------------------------------------
vue 混合mixins 组件公用的东西抛出单组件使用mixins[xxx],单组件data定义的会把mixins里面的data定义的覆盖；
---------------------------------------------------------------------
store.commit 提交的是mutation；