03-Vue-cli脚手架 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. vue-cli 脚手架官方文档:https://v2.cn 2022-05-22 04_大前端 > 04_Vue #Vue #Vue-cli
04-Vue2路由 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 路由根据不同的路径切换不同的页面。 1.1 SPA 单页面 2022-05-22 04_大前端 > 04_Vue #Vue #vue2 #router #路由
08-Vue3组合式API 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 本文全部基于 vue3。 vue3插件: VSCode 插件 2022-05-22 04_大前端 > 04_Vue #Vue #vue3
07-Vue3组件&Vite&指令&动画 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 本文全部基于 vue3。 vue3插件: VSCode 插件 2022-05-22 04_大前端 > 04_Vue #Vue #vue3
11-pinia公共状态管理 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 pinia 新状态库:https://pinia.vuejs.or 2022-05-22 04_大前端 > 04_Vue #Vue #vuex #pinia
12-vite&vue区分环境配置 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 区分不同环境1.1 ①创建环境变量文件创建 3 个.env 2022-05-22 04_大前端 > 04_Vue #Vue #git #nginx #开发流程
09-Vue3路由 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 本文全部基于 vue3。 Chrome 插件:Vue.js 2022-05-22 04_大前端 > 04_Vue #Vue #vue3 #router #路由
13-ElementUI&ElementPlus 参考资料: 集合来自社区贡献的数以千计的插件和库:https://github.com/vuejs/awesome-vue#components--libraries element ui 或 element plus 主要用于管理后台系统。 1. elementUI-vue2elementUI,饿了么UED团队退出的 vue 前端框架,主要用于PC端(偏后台系统)。 官网:https: 2022-05-22 04_大前端 > 04_Vue #Vue #elementUI #elementPlus
10-vuex公共状态管理 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 vuex 官网:vuex3,vuex4 vuex 持久化:http 2022-05-22 04_大前端 > 04_Vue #Vue #vuex
14-Vant 1. vant - 移动端vant,有赞技术团队推出的 vue 前端框架,主要用于移动端。 官网:https://vant-ui.github.io/vant/#/zh-CN 源码:https://github.com/youzan/vant 1.1 安装现有项目中使用,通过如下命令安装。 12345# Vue 3 项目,安装最新版 Vant:npm i vant# Vue 2 项目,安装 Va 2022-05-22 04_大前端 > 04_Vue #Vue #vant #移动端