最近整理了一些文章,当做笔记了,大家也可以看看~
一、学习资料:
1.Vue3.0中文文档: vue3js.cn/docs/zh/
2.设计理念,动机与目的,上手必读: vue3js.cn/vue-composi…
3.相关项目聚合网站: vue3js.cn/
4.Vue3.0源码:vue3js.cn/start/
5.Composition API 来开发组件:v3.vuejs.org/api/applica…
- data, method, computed, watch以及生命周期都要放在setup函数里面来使用: www.jianshu.com/p/fb54fcc6a…
二、支持的UI组件库:
1. Ant-design-vue: antdv.com/docs/vue/in…
2.Vant3.0: vant-contrib.gitee.io/vant/v3/#/z…
3.Element-plus: element-plus.gitee.io/#/zh-CN
4.element 3: github.com/hug-sun/ele…
三、实战项目:
pc端:
1.vue-vben-admin: 基于 ant-design-vue,typescript,vue3.0,vite 实现的 vue3 风格的后台管理系统。 项目网址 github.com/anncwb/vue-…
2.vue-admin-beautiful: 基于 vue3.0 的开源 admin 项目,同时支持电脑,手机,平板,默认分支使用vue3.x+antdv 开发,master 分支使用的是 vue2.x+element 开发。 项目网址 github.com/chuzhixin/v…
3.vue-cli: 基于 Vue3.0 Composition Api 快速构建实战项目。 项目网址 github.com/Wscats/vue-…
移动端:
1.movie-trailer: Vue3 + TypeScript 开发的电影预告片 webAPP,可以查看正在热映与即将上映的电影信息和短片。 项目网址 github.com/lhz960904/m…
2.newbee-mall-vue3-app: 一套电商系统,包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统,基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。 项目网址 github.com/newbee-ltd/…
3.vue3-jd-h5: 基于 vue3.0.0 ,vant3.0.0,vue-router4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端 H5 电商平台! 项目网址 github.com/GitHubGanKa…
四、关于搭建项目:
npm install -g @vue/cli
已经安装过的可以升级版本 npm update -g @vue/cli
把版本升级到最新之后,就可以直接开始安装了,先创建一个vue3.0的项目.
vue create vue3 // 默认选择3.0版本创建就可以了,创建之后就可以运行一下体验了
cd vue3 // 进去之后
npm run serve
ps: 如果忘了选择3.0?没事的不打紧还可以进入项目中安装.// 如果你创建的项目是默认选择的2.0版本, 按下边的操作就可以yarn add vue-next // add vue-next 会自动升级到vue3的版本.
或者使用Vite安装: 使用 Vite 快速构建 Vue 项目。
$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
$ npm
官网: vue-docs-next-zh-cn.netlify.app/guide/insta…
www.vue3js.cn/docs/zh/
注: 搭建项目可以参考自认为很好的网址: vite+vue3+element-plus项目搭建基本流程配置: www.icode9.com/content-4-7… , 加上对应的element-plus官网的使用.