@yixiang
实际使用中，这种监听不到的边际情况其实影响很小。首先对象，只有新增的属性才会监听不到，但好的实践本就应该在一开始把数据结构定义好，实在需要中途新增属性也有$set 这种方式。其次数组，像 push, splice 这种方法 vue 都做了劫持，只有通过数组下标修改才会监听不到，但我实在想不到什么情况会用下标修改。
等 vue3 用 proxy 重写以后，这些边际情况也没有了。

@zazalu 看你的补充，直觉再次告诉我是 key 的问题，你的 new-message 组件里面是什么东西，是不是个 p 元素？

其实问题只要能稳定复现，排查就是一件很有意思的事，反正我是这么觉得

没代码不好猜，直觉告诉我跟 key 有关系

@SuperMild 现代 web 页面的复杂度已经从 form page 转向 app，必然伴随着工具链升级的需要，但很多人脑子还停留在十年前，就会觉得前端瞎折腾，纳闷 jQuery 有啥搞不定的。

vue 基于 webpack 的真是小天才，咋不说 java 基于 tomcat

所以这有什么不对的吗，有几项技术是完全独立的不涉及其它技术的

没头没尾的，实在猜不出你想问什么

css：唔想返工

事件又不是 promise，事件错过了就错过了

没用过 idea，但是 ctrl+y 做 redo 我一直以为是宇宙标准……

不知道你了解多少，我就解释得啰嗦一点。

跨域（同源策略）是浏览器对网页的限制，所以 1.当然不可能通过网页代码解决，2.在非浏览器环境如 node、asyncData 当然也没有问题。

解决方式：
如果是 vue-cli 的项目，npm run serve 会起一个开发服务器，你的页面在 localhost 上，请求也发往 localhost，这样就不跨域了，然后 localhost 上的开发服务器再帮你把请求转发到真正的远程接口上。这个代理关系在 vue.config.js 里配置，具体见 vue-cli 文档。

需要注意的是，这个是开发服务器的代理功能，解决的仅是开发时的跨域问题，发布到线上就没有了，所以要保证你的线上页面和你的接口是在一个地方的，不然还是会有跨域，那样就需要接口端的配置才能解决了。（ nuxt ssr 项目自带线上 node 服务器，可以无视这条）

如果是 nuxt 起的项目，原理类似，配置方式有所不同，可以看 nuxt 文档。

@jinliming2 我知道啊，所以我说 ie6 的锅是微软的，chrome 的锅怎么也是微软的

巨硬黑人问号：ie6 的锅我背了，怎么 version 2 也要我背？？

好奇字体图标涉及什么 api

你也说了试用期，公司试用员工，员工也试用公司

@xinyusir 域名就是 jandan

用 IE9 打开

个人体会，如果对开发中的痛点没有足够的经历，会觉得学工具像赶潮流，一个接一个，肯定累。
如果切实经历过痛点，知道新的工具怎样解决了这些痛点，知道为什么而用它，看到某个工具像看到救星，学习心态自然就不一样了。