vue-router
文章平均质量分 58
以实战为线索,逐步深入vue开发各个环节,掌握前端常用性能,体验优化思路,打造完整前端工作流,提升工程化编程能力和思维能力。
longfei815
前端,python技术分享,学习,共同进步!
展开
-
Vue项目预览
项目目录:main.jsApp.vueHome.vueGood.vueUser.vueError.vueHeader.vueCrumb.vueLogin.vueToast.vueCart.vueList.vueglobal.css.env.dev.env.prodREADME.md。原创 2022-09-20 11:01:36 · 299 阅读 · 0 评论 -
Vue中全局导航守卫和组件内守卫
Vue中全局导航守卫。原创 2022-09-16 15:30:21 · 165 阅读 · 0 评论 -
180-Vue路由实例——tabbar路由跳转——路由嵌套
其它的四个组件,类同,只不过是,把template标签里面的文字,分别写为:分类,购物车,我的页面,404。router/index.js代码:这里设置路由跳转路径。此处设置的有嵌套路由。180-Vue路由实例——tabbar路由跳转——路由嵌套。最终的效果在最上面。...原创 2022-08-16 14:53:33 · 1159 阅读 · 0 评论 -
170-Vue-router介绍
170-Vue-router介绍。原创 2022-08-15 17:13:52 · 102 阅读 · 0 评论 -
前端框架vue项目——结构文件介绍——项目运行流程
用vue和ue-cli搭建的前端项目是很多企业项目的选择,所以了解项目的结构和项目如何运行是非常有必要的,会给我们平时的工作带来很大的帮助。main.js是我们的入口文件,整个项目工程入口,用于全局配置,主要作用是初始化vue实例并使用需要的插件。......原创 2022-07-16 17:27:56 · 1917 阅读 · 0 评论 -
vue使用mock进行后端数据模拟
我们从头开始,教你一步一步使用mock进行后端数据模拟。1、首先我们创建vue项目:通过vue create test_mock命令:我们这里选择第三个:Manually select features,回车这里通过键盘上的上下键上下移动,通过空格键选择。我们选择Babel,Router, Vuex这三个。这里选择3.x 回车。这里选择Y,回车。这里选择默认回车。这里还是n,回车。最后项目创建完成。我们通过cd test_mock进入...原创 2022-04-18 16:33:36 · 2086 阅读 · 5 评论 -
Vue全家桶+Node.js全栈开发Xmall商城 - 1.4 Xmall商城导航组件实现
项目相关的素材放在文章的低部,下载下来即可查看。下面是项目目录:目录1.4 Xmall商城导航组件实现5步骤:1.4 Xmall商城导航组件实现第1步:在App.vue组件里面导入app组件样式,并设置style。1.4 Xmall商城导航组件实现第2步:在router/index.js里面导入Goods组件和Thanks组件,并挂载。1.4 Xmall商城导航组件实现第3步:在views文件夹下面分别新建两个文件夹Goods和Thanks,并分别新建组件,index.vue。1.4原创 2022-04-08 17:23:48 · 964 阅读 · 0 评论 -
Vue全家桶+Node.js全栈开发Xmall商城 - 1.3 嵌套路由控制导航组件的显示
首先需要添加一些素材:MHeader.vue代码有些多,稍后会放在文件里面,还有上面的图片素材。https://download.csdn.net/download/jolinoy/85089713https://download.csdn.net/download/jolinoy/85089713代码及其它素材,请查看上面链接。1.3 嵌套路由控制导航组件的显示第1步:在router/index.js里面,导入Home组件,并挂载路由。1.3 嵌套路由控制导航组件的显示第2步:在r.原创 2022-04-07 17:42:10 · 969 阅读 · 0 评论 -
npm ERR: code ERESOLVE 处理方法
今天在安装sass的时候报错:PS E:\VUEJS 2.6\test2\xmall> npm install -D sass-loader node-sassnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: [email protected] ERR! Found: [email protected] ERR! node_modules/vuenpm转载 2022-04-04 09:39:28 · 46092 阅读 · 9 评论 -
第4章 Vue全家桶(vue-router+vuex) - 4.1 vue-router的介绍和下载
介绍Vue Router 是 Vue.js 官⽅的路由管理器。它和 Vue.js 的核⼼深度集 成,让构建单⻚⾯应⽤变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有⾃动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式,在 IE9 中⾃动降级 ⾃定义的滚动条⾏为起步⽤ Vue.js + Vue Router 创建单⻚应⽤,是⾮常简单的。使⽤ Vue.j原创 2022-03-31 09:19:27 · 236 阅读 · 0 评论 -
mock模拟后端数据基本使用方法
项目目录:此项目中安装了router和vuex两个插件。并且需要安装mockjs插件,如下图:通过:vue add mockjs 命令安装。安装之后将以下代码放入AboutViews.vue里面:AboutViews.vue代码如下:<template> <div class="about"> <h1>This is an about page</h1> </div></template>原创 2022-03-18 17:14:00 · 1233 阅读 · 0 评论 -
第4章 Vue全家桶(vue-router+vuex) - 4.25 商铺库存和购物车总价处理6步骤
本文要结合下面几篇文章才能串起来:第4章 Vue全家桶(vue-router+vuex)- 4.17 vuex的其本使用8步骤第4章 Vue全家桶(vue-route+vuex)- 4.18 vuex为什么要使用actions——异步起到同步的作用第4章 Vue全家桶(vue-router+vuex) - 4.19 Vuex系列的辅助函数的运用——mapState,mapGetters,mapMutations,mapActions第4章 Vue全家桶(vue-router+vuex) -原创 2022-03-17 21:15:17 · 587 阅读 · 0 评论 -
第4章 Vue全家桶(vue-router+vuex) - 4.24 购物车中数据渲染4步骤
本文要结合下面几篇文章才能串起来:第4章 Vue全家桶(vue-router+vuex)- 4.17 vuex的其本使用8步骤第4章 Vue全家桶(vue-route+vuex)- 4.18 vuex为什么要使用actions——异步起到同步的作用第4章 Vue全家桶(vue-router+vuex) - 4.19 Vuex系列的辅助函数的运用——mapState,mapGetters,mapMutations,mapActions第4章 Vue全家桶(vue-router+vuex) -原创 2022-03-17 19:58:43 · 585 阅读 · 0 评论