記錄記錄記錄

標準盒子模型：寬度=內容的寬度（content）+ border + padding + margin
低版本IE盒子模型：寬度=內容寬度（content+border+padding）+ margin

box-sizing屬性？

用來控制元素的盒子模型的解析模式，默認爲content-box
context-box：W3C的標準盒子模型，設置元素的 height/width 屬性指的是content部分的高/寬
border-box：IE傳統盒子模型。設置元素的height/width屬性指的是border + padding + content部分的高/寬

1. Vue 有哪些指令？

v-bind（綁定，縮寫成:）、v-show（雙向綁定）、v-if、v-for、v-on（監聽事件，縮寫成@）等等

1. v-if 和 v-show 有什麼區別？

v-show 僅僅控制元素的顯示方式，將 display 屬性在 block 和 none 來回切換；而v-if會控制這個 DOM 節點的存在與否。當咱們須要常常切換某個元素的顯示/隱藏時，使用v-show會更加節省性能上的開銷；當只須要一次顯示或隱藏時，使用v-if更加合理。

父組件經過 props 傳值給子組件，子組件經過 $emit 給父組件傳值

vue生命週期的理解？
答：總共分爲 8 個階段建立前/後，載入前/後，更新前/後，銷燬前/後。

建立前/後： 在 beforeCreate 階段，vue 實例的掛載元素 el 尚未。

載入前/後：在 beforeMount 階段，vue 實例的$el 和 data 都初始化了，但仍是掛載以前爲虛擬的 dom 節點，data.message 還未替換。在 mounted 階段，vue 實例掛載完成，data.message 成功渲染。

更新前/後：當 data 變化時，會觸發 beforeUpdate 和 updated 方法。

銷燬前/後：在執行 destroy 方法後，對 data 的改變不會再觸發周期函數，說明此時 vue 實例已經解除了事件監聽以及和 dom 的綁定，可是 dom 結構依然存在

vue路由傳值使用paramsthis.$router.push({name: 'edit',params: {id: add}})