本文记录一下 Vue 里常见的坑,为下一次 GitChat 做准备。
响应式
响应式应该是大家最常遇到的问题。Vue 学习曲线开始时平缓,很大程度上得益于其响应式实现的巧妙;中后期要跳一个台阶,则大多因为这个隐藏的细节。
响应式的问题简单来说就是:要修改的属性没有被预处理到,导致修改的时候没有触发 setter
,继而没有更新视图。
产生问题的原因多半是:
- 修改了未初始化的变量
- 错误的操作了数组、对象
- 传参过程中的复制
DOM 操作
Vue 其实也可以直接操作 DOM,这个在某些特定场景下还蛮有用的,比如弹窗,需要在用户点击任意空白处时关闭窗口,这就需要侦听“非本组件内的事件”。
用户身份认证
问这类问题的同学还挺多的,可能跟拿 Vue 做后台的需求比较多有关吧。这里最好引入 Vue 全家桶组件:Vue Router 和 Vuex 一起处理。
全局事件总线
不使用 Vuex,简单在组件之间传递数据的一种形式,借助 Webpack。
生成 HTML
vue中如何动态生成html,比如弹框里的内容,根据不同的数据生成不同的内容,并且能够添加监听。
如果有其它问题,尤其是在使用 Vue 时遇到的比较头痛的问题,欢迎告诉我。
欢迎吐槽,共同进步