面試題小點（玩的）

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；