Vue学习总结

Vue学习总结

1、Vue单页应用理解

一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换。所有的逻辑操作都在这个页完成
优点：用户体验号，运行速度快，对服务器压力小，最重要的是可以做到前后端分离
缺点：seo不友好、首次加载数据多

2、v-if和v-show的区别

v-if是真正意义上的条件渲染；而v-show只是显示隐藏，元素总是会被渲染，并且只是简单地基于 CSS 的 “display” 属性进行切换。
v-if 适用于在运行时很少改变条件，不需要频繁切换条件的场景；v-show 则适用于需要非常频繁切换条件的场景。

3、Class 与 Style 如何动态绑定？

Class 可以结合data定义属性值，通过对象语法和数组语法进行动态绑定。

4、怎样理解 Vue 的单向数据流？

所谓的单项数据流是指，父组件的prop只能流向子组件，而子组件的prop不能流向父组件，父组件prop值改变子组件也会跟着变，子组件想要改变父组件的prop，只能通过 $emit 派发一个自定义事件，父组件接收到后，由父组件修改。

5、computed 和 watch 的区别和运用的场景？

computed是计算属性，依赖于其他属性值，而且computed存在缓存，其依赖属性不改变时他也 不会改变

6、Vue 生命周期的理解？

Vue完整的生命周期，开始创建-初始化数据-模板编译-挂载DOM-渲染、更新-渲染-销毁
beforeCreate：组件实例被创建之初，组件的属性生效之前
created：组件实例已经完全创建，属性也绑定，但真实 dom 还没有生成， e l 还 不 可 用 b e f o r e M o u n t ： 在 挂 载 开 始 之 前 被 调 用 ： 相 关 的 r e n d e r 函 数 首 次 被 调 用 m o