摘要：
# 生命周期钩子函数 Vue3：[https://cn.vuejs.org/api/composition-api-lifecycle.html](https://cn.vuejs.org/api/composition-api-lifecycle.html) Vue2：[https://v2.cn 阅读全文
摘要：
和vue2对比，也是语法上稍有不同。 监听单个数据对象 ```Vue import {ref, watch} from "vue"; const count = ref(100) // 语法： watch(响应式数据对象, (newVal, oldVal) => { 业务处理... } // 只监听 阅读全文
摘要：
计算属性在vue3中和vue2的思想概念都是一样，唯一区别就是在使用组合式api时候的语法稍有不同。 **使用步骤：** - 导入computed函数 - `import {computed} from 'vue'` - 使用computed函数 ```Vue arr: {{ arr }} arrD 阅读全文
摘要：
**在setup中如果是直接定义遍历数据并不是响应式数据，和vue2中的data选项提供的数据不一样，vue2的data中返回的数据全部都是响应式数据。** ```Vue hello vue3 state: {{ state }} state: {{ getState() }} 修改state的值为 阅读全文
摘要：
setup是在beforeCreate之前执行的，也就是vue实例还未被创建，因为setup中并没有this指针 ```Vue ```  }} ``` # 方式二：通过给script添加setup属性（语法糖） ```Vue hello vue3 st 阅读全文
摘要：
这里对比的是vue-cli和create-vue创建vue3项目的文件中的内容差异。 ![](https://secure2.wostatic.cn/static/8hGnxvnWx3k5xGtUz91PHw/image.png?auth_key=1691824410-cuQuMDJs76r5vvu 阅读全文
摘要：
create-vue是vue3新的脚手架搭建项目工具，底层构建工具使用**vite**，而不是vue-cli的webpack。 但不是说你不能用以前的`vue create`命令来创建vue3项目，你完全可以用vue-cli来创建。 vite：[https://cn.vitejs.dev/guide 阅读全文