Vuejs3

Vite提供了对css modules, 预处理器, postcss等的全面支持,对css的模块化方案提供了全面的支持

vite处理.vue文件大体如下步骤: 1.解析vue组件; 2.编译vue组件的template,script,style模块; 3.组装成Component;4. 打包为浏览器能够识别的文件格式

Pinia基本使用 Pinia的定义是使用pinia暴露出来的defineStore定义的 Setup Store Option Store 使用 直接引入store的定义, 调用store导出的变量

beforeCreate和create 这两个已经被删除了 onBeforeMount 当这个钩子被调用时，组件已经完成了其响应式状态的设置，但还没有创建 DOM 节点。它即将首次执行 DOM 渲染过

1. 组合式函数 组合式函数 组合式函数式一个利用vue组合式API来封装和复用的,有状态逻辑的函数 使用 组合式函数的优点 代码复用, 功能组合, 代码结构完好 数据来源清晰, 优于mixins 2

ref的定义 声明一个同名的 ref, 必须是同名的 v-for 中的模板引用 当在 v-for 中使用模板引用时，对应的 ref 中包含的值是一个数组; ref 数组并不保证与源数组相同的顺序 函数

组件注册 基本无差异 props 在使用 <script setup> 的单文件组件中，props 可以使用 defineProps() 宏来声明, defineProps无需引入 事件 事件中,em

watch 侦听类型可以是单个ref,也可以是getter函数,也可以是多个来源的数组; 侦听的属性发生了明确的改变,才会触发watch回调; 不能直接侦听响应式对象的属性,但是可以用getter侦听

响应式基础知识 声明响应式状态的两种方法 setup中返回方式 setup中放回函数或者reactive定义的响应式数组或者对象. 这种方式比较麻烦,不推荐使用 使用<script setup> 这种

总览 1. 模板语法 与vue2差异不大 2. 响应式 响应式与vue2大有差异.具体看文档 3. 计算属性 与vue2差异不大 4. 类与样式绑定 与vue2差异不大 5. 条件渲染 与vue2差异