共计 889 个字符，预计需要花费 3 分钟才能阅读完成。
标准盒子模型：宽度 = 内容的宽度（content）+ border + padding + margin 低版本 IE 盒子模型：宽度 = 内容宽度（content+border+padding）+ margin
box-sizing 属性？
用来控制元素的盒子模型的解析模式，默认为 content-boxcontext-box：W3C 的标准盒子模型，设置元素的 height/width 属性指的是 content 部分的高 / 宽 border-box：IE 传统盒子模型。设置元素的 height/width 属性指的是 border + padding + content 部分的高 / 宽
Vue 有哪些指令？
v-bind（绑定，缩写成:）、v-show（双向绑定）、v-if、v-for、v-on（监听事件，缩写成 @）等等
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}})