WwLK123的博客

此时，改变页面大小，页面中的文字就会随着页面大小的变化而变化。源代码：（在node_modules中）这样编写样式的时候，会自动提示。文件夹，文件夹下新建。

值得注意的是，【修改汽车价格】和【修改游戏名字】的函数中，要使用。注意：reactive只能定义对象类型的响应式数据。实现，会报错，因为真实的值是存放在。类似，哪个数据是响应数据，就用。需要哪个数据是响应式的，就用。但是模板中不需要通过。注意：这个时候通过方法修改。实现，因为模板会自动获取。的值的时候，不能通过。刷新浏览器，可以实现。

刷新浏览器，发现点击【修改姓名】和【修改年龄】按钮，发现页面无变化，这是因为此时的数据定义式。当定义的数据和方法较多的时候，都要用return进行返回，就显得十分不方便。可以用函数的方式，更加优雅的组织代码，让相关功能的代码更加有序的组织在一起。确实修改了，但是因为不是响应式的，所以页面无变化。注意：vue3.3版本以上的，不需要安装插件，可以直接修改。通过定义如下代码，直接在其中定义数据和方法，然后用。可以直接访问到，避免了用。那么如果，想要只写一个。，不便于维护和复用。语法糖，来解决问题。

创建Vue3.0项目，以及Vue的简单使用。

Vue3.0介绍。