一、新特性 -  defineOptions

背景说明

因为我们用了<script setup>语法，没办法给setup去提供一些平级的属性，官方就提供了一个叫做 defineOptions 的语法

          

所以在 Vue3.3 中引入了 defineOptions 宏，用来定义 Options API 的选项。可以用 defineOptions 定义任意的选项，props、emits、expose、slots 除外（因为有defineProps、defineEmits）

二、新特性 -  defineModel

三、 Pinia 快速入门

pinia 是 Vue 最新的状态管理工具，是 vuex 的替代品

基本语法

         

定义 Store

state

getter 和 action

 

action 异步写法

下包                                                           搭架子

   

直接将获取到的频道列表赋值给 channelList.value ，而不是使用 this.channelList.value ，在 defineStore 中一般不使用 this 来访问内部的属性和方法。

四、 Pinia - storeToRefs 方法

五、 Pinia -  持久化

安装

在 main.js 中配置

在第三个参数的位置 

如果我们想改 key

总结