vue3总结

添加一点笔记,主要包括 1.vue3的一些基本使用方法 2.关于vue3中使用服务端渲染(nuxt3) 3.pinia大菠萝最新关于vue3的状态管理工具 注:以官网为主,毕竟英文文档我也看不是很懂, 4.同时补充一点在官方文档中平时没有注意的用法

一、vue3

更新一些vue3新增的一些语法
vue3:包括单文件组件setup()和组合式api 写法,建议封装组件使用单文件组件写法,主页面使用组合api,在组合式api使用中组件不需要注册可以直接使用

安装

yarn create vite project_name

二、nuxt3

简介vue3服务端渲染 官网: https://v3.nuxtjs.org/

1. components

组件自动引入

 |- components
 	|-admin
 		|intro.vue
 		|user.vue
 	| user.vue
 //当前组件不需要引入可以直接使用	
<AdminIntro/>
<AdminUser/>
<User/> 

2. router

将page目录下的文件自动生成路由文件 基本和umi一样

(1) 配置

App.vue中使用 <NuxtPage/> 路由页面将被渲染到这里

(2)简单路由-/user

|- page
	|-user
		|index.vue

(3)动态路由 (user/id admin-user/1)

|-page
	|-user
		|[_id].vue    	/user/id
		|index.vue	 	/user
	|-admin-[group]   	/admin-params/id  备注params为路由上面的参数
		|[id].vue

(4)嵌套路由

|-page
	|-parent
		|index.vue
		|child.vue
	parent.vue

3.layouts

4.middleware

5.server

6.plugins

三、pinia

最新vue状态管理工具

四、vite

待定...