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 #路由
05-vue2组件封装&rem公式 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue2.0 在2023年12月31日停止更新。 1. 组件封装1.1 rem布局公式只需要在 index.html 加上这一句 2022-05-22 04_大前端 > 04_Vue #Vue #组件 #rem
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
06-Vue3.0 参考资料: 官网: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
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
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
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 #router #路由 #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
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 #移动端