前提：Vite需要Node.js版本>=12.0.01. 创建文件夹，文件夹下打开cmd,输入 yarncreateviteC:\Users\admin\Desktop\new>yarncreatevite 2.进行选择3. vite.config.js配置 （注意按目录创建global.scss）import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from"path";constpathResolve=(dir)=>resolve(__dirname,'.',dir);exportdef
前提：Vite需要Node.js版本>=12.0.01. 创建文件夹，文件夹下打开cmd,输入 yarncreateviteC:\Users\admin\Desktop\new>yarncreatevite 2.进行选择3. vite.config.js配置 （注意按目录创建global.scss）import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from"path";constpathResolve=(dir)=>resolve(__dirname,'.',dir);exportdef
💗wei_shuo的个人主页💫wei_shuo的学习社区🌐HelloWorld！Vue.js概述Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（SPA）提供驱动MVVM模型Model：模型层，表示JavaScript对象View：视图层，表示DOM(HTML操作的元素)ViewModel：连接视图层和数据的中间件，Vue.js就是MVVM中的ViewModel
💗wei_shuo的个人主页💫wei_shuo的学习社区🌐HelloWorld！Vue.js概述Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（SPA）提供驱动MVVM模型Model：模型层，表示JavaScript对象View：视图层，表示DOM(HTML操作的元素)ViewModel：连接视图层和数据的中间件，Vue.js就是MVVM中的ViewModel
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结前言this.$router.push进行页面跳转时。携带参数有params和query两种方式。一、params和query使用方式query方式：this.router.push(path:′testQuery′,query:testQuery:′testQuery′)，传递的参数会拼接在跳转地址的后面。使用this.router.push({path:
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结前言this.$router.push进行页面跳转时。携带参数有params和query两种方式。一、params和query使用方式query方式：this.router.push(path:′testQuery′,query:testQuery:′testQuery′)，传递的参数会拼接在跳转地址的后面。使用this.router.push({path:
bug场景：H5项目中,浏览器流程走的通,ios流程走得通,安卓机有的可以有的不行报错信息：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP中接收数据代码："UncaughtSyntaxError:Unexpectedtoken.\n/web/mgop/gov-open/zj/2002018756/reserved/static/js/712.a377c0b3.js:1:3093""SyntaxError:Unexpectedtoken.""[vue-router]Failedtoresolveasynccomponentdefault:C
bug场景：H5项目中,浏览器流程走的通,ios流程走得通,安卓机有的可以有的不行报错信息：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP中接收数据代码："UncaughtSyntaxError:Unexpectedtoken.\n/web/mgop/gov-open/zj/2002018756/reserved/static/js/712.a377c0b3.js:1:3093""SyntaxError:Unexpectedtoken.""[vue-router]Failedtoresolveasynccomponentdefault:C
vue路由传参的四种方式一、router-link路由导航方式传参父组件：子组件：this.$route.params.content接受父组件传递过来的参数例如：路由配置：bashbash{path:'/father/son/:num',name:A,component:A}```地址栏中的显示：http://localhost:8080/#/father/son/44调用方法：router-linkto="/father/son/传入的参数">父亲组件router-link>子组件通过this.$route.params.num接受参数二、调用$router.push实现路由传参父组件：通
vue路由传参的四种方式一、router-link路由导航方式传参父组件：子组件：this.$route.params.content接受父组件传递过来的参数例如：路由配置：bashbash{path:'/father/son/:num',name:A,component:A}```地址栏中的显示：http://localhost:8080/#/father/son/44调用方法：router-linkto="/father/son/传入的参数">父亲组件router-link>子组件通过this.$route.params.num接受参数二、调用$router.push实现路由传参父组件：通
