今天在工作的时候遇到了vue的这个bug。原来是因为Vue的Prop是单向数据流，父组件的更新会流动到子组件的prop中，但是子组件不可以自己改变prop的值。
vue3使用AntD的图标应该用其2.x版本而非1.x版本，然而AntD文档页面进去默认是1.x版本。那么就会不生效，并且报错empty icon。那么2.x版本应该怎么用呢？
不用不知道，原来vue3和vue2差别还是蛮大的。在学习过程中第一个接触到的就是，vue3中数据不推荐写在data()中（当然你想写也可以写，v3对v2是兼容的），而是写在setup()里，那么setup是什么？
最近在一家公司实习，这家公司的代码比我上一家强多了，当然也就存在很多我看不懂的地方，感觉自己好像愈发小白了。真是望洋兴叹啊。今天看到一个代码在方法中改了数据，页面就随之重新渲染了，但是我搜索变量名，发现这个数据并没有直接和html中的标签绑定,这时我就很困惑了，这个渲染出来的html到底写在哪里呢？
最近用ElementUI写一个表单的时候，新增和修改用了同一个表单。那么修改的时候就会有个回填数据，在关闭表单之后需要被清除。我用了this.$refs.addForm.resetFields();，然而关闭表单之后，我列表里的对应修改项的这一条数据也被清空了。原来这是因为JS浅拷贝的问题。
用Vue用了快一年了，很多东西还是一知半解的。之前在公司实习的时候学得不够透彻，只知道改了项目中的文件之后，npm run serve就可以运行项目了。等到回到学校自己搭项目，才发现自己其实连Vue项目是从哪里开始加载，怎么加载的都不知道。虽然经常用生命周期的钩子函数，但其实对生命周期也不是很了解。今天这篇博文就来分析一下Vue加载时的执行顺序。
Prop是Vue的组件用来进行通讯的一个attribute，被用来向子组件传递数据。HTML中的attribute名是不区分大小写的，因此使用DOM模板时，用驼峰命名法的prop名需要使用等价的短横线分割命名法来命名。但是如果使用的是字符串模板，这个限制就不存在了。