VueRouter

VueRouter——编程式导航-动态路由匹配（三）

1.编程式的导航1.1两个属性1.2使用场景很多web应用都会在header区域的左边放置一个LOGO，通常情况点击这个LOGO就会使页面跳转到首页。接下来实现它：个人博客-->个人博客首页文章近期热门行业相关最新发布关于来看效果：那么编程式怎么做呢，先来看看$router是个什么：个人博客首页文章近期热门行业相关最新发布关于exportdefault{methods:{handleClick()
Coder_WangYu·2020-12-28 18:46

VueRouter——编程式导航-动态路由匹配（三）

1.编程式的导航1.1两个属性1.2使用场景很多web应用都会在header区域的左边放置一个LOGO，通常情况点击这个LOGO就会使页面跳转到首页。接下来实现它：个人博客-->个人博客首页文章近期热门行业相关最新发布关于来看效果：那么编程式怎么做呢，先来看看$router是个什么：个人博客首页文章近期热门行业相关最新发布关于exportdefault{methods:{handleClick()
Coder_WangYu·2020-12-28 18:46

VueRouter——导航守卫-路由元信息（五）

/components/home.vue"Vue.use(VueRouter)constrouter=newVueRo
Coder_WangYu·2020-12-28 18:28

VueRouter——命名路由-嵌套路由-重定向（二）

前言本章介绍路由的三个相关知识点，如标题。路由是开发中很重要的一环，学习路由不仅要能读懂路由，还要写清楚路由。这样一来不论是未来维护别人的代码，或者别人维护你的代码，都能够更加便利。1.命名路由router.js：{path:'/new',name:'new',component:()=>import("../components/new.vue")},app.vue：最新发布效果：2.嵌套路由什
Coder_WangYu·2020-12-25 22:53

VueRouter——命名路由-嵌套路由-重定向（二）

前言本章介绍路由的三个相关知识点，如标题。路由是开发中很重要的一环，学习路由不仅要能读懂路由，还要写清楚路由。这样一来不论是未来维护别人的代码，或者别人维护你的代码，都能够更加便利。1.命名路由router.js：{path:'/new',name:'new',component:()=>import("../components/new.vue")},app.vue：最新发布效果：2.嵌套路由什
Coder_WangYu·2020-12-25 22:32

VueRouter基础篇（一）

1.什么是路由：关于前后端路由（由于我也没有做过后端路由，所以在一些博客上找了一些相关内容）：1.前端路由是单个页面的路由，比如www.abc.com/user/:id，当然后端路由也可以实现这个。后端路由是整个应用的路由，比如www.abc.com/user,www.abc.com/product。而且有时候你看到的url说不定与后端请求的url不同。2.前端路由应用场景就是所谓的单页应用。在业
Coder_WangYu·2020-12-25 17:17

VueRouter基础篇（一）

1.什么是路由：关于前后端路由（由于我也没有做过后端路由，所以在一些博客上找了一些相关内容）：1.前端路由是单个页面的路由，比如www.abc.com/user/:id，当然后端路由也可以实现这个。后端路由是整个应用的路由，比如www.abc.com/user,www.abc.com/product。而且有时候你看到的url说不定与后端请求的url不同。2.前端路由应用场景就是所谓的单页应用。在业
Coder_WangYu·2020-12-25 17:45

彻底弄懂 Vue.use() 方法

例如：Vue.use(VueRouter)、Vue.use(MintUI)。但到了axios，不需要Vue.use(axios)就能直接使用了，这是为什么呢？
前端好有趣·2020-12-23 14:21

vue-router中history模式页面报错

importVuefrom'vue';importVueRouterfrom'vue-router';importroutesfrom'routes/index.js';//此处关键字不可以是routeVue.use(VueRouter
蜗牛Coming·2020-12-21 16:25

vue登录与注册，判断页面权限是否需要登录，保存状态30天内免登陆

通常vue注册或登录保存用户状态需要用到Vuex和VueRouterVuex：保存用户状态，是否登录等VueRouter:页面路径与权限在一个Vue项目中，store文件夹一般是Vuex文件夹，我们可以创建一个
水户洋平啊·2020-12-17 18:51

vue登录与注册，判断页面权限是否需要登录，保存状态30天内免登陆

通常vue注册或登录保存用户状态需要用到Vuex和VueRouterVuex：保存用户状态，是否登录等VueRouter:页面路径与权限在一个Vue项目中，store文件夹一般是Vuex文件夹，我们可以创建一个
水户洋平啊·2020-12-17 17:00

减少打包组件vue.config.js——Webpack的externals的使用

Webpack的externals的使用vue.config.jsmodule.exports={configureWebpack:{externals:{vue:'Vue','vue-router':'VueRouter
夜跑者·2020-12-11 16:47

vue-router源码解析

router-view和router-link组件；添加新的生命周期beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate；beforeCreate周期中，将路由VueRouter
小正·2020-12-08 03:16

包教包会，手摸手使用Vue3重构vue2项目（实用）

环境搭建本来打算使用vite+vue3+VueRouter+vuex+typescript来构架项目的，但是经过一番折腾后发现vite目前只对vue支持，对于vue周边的一些
SHERlocked93·2020-12-04 09:00

Vue router传递参数并解决刷新页面参数丢失问题

VueRouter传参方式：1.this.
·2020-12-02 11:22

vue $router和$route的区别详解

一、router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.
·2020-12-02 11:20

vue-router的实现原理_手写Vuerouter核心原理，再也不怕面试官问我Vuerouter原理

二、原生js实现前端路由1.基于hash实现2.基于history实现三、基于Vue实现VueRouter四、剖析VueRouter本质五、分析Vue.use六、完善install方法七、完善VueRouter
weixin_39575170·2020-11-25 04:34

VueRouter 路由的安装与使用

上一篇：VueCLI脚手架的安装与使用一、什么是路由（router）（一）定义路由是一个网络工程学中的术语。路由就是通过互联网的网络把信息从源地址传输到目的地址的活动。（二）路由器机制路由：决定数据包从来源到目的地的路径。传送：将输入端的数据转移到合适的输出端。二、前/后端渲染（一）前端渲染首先由用户在浏览器的地址栏中输入域名。浏览器将URL发送到静态资源服务器。根据URL从静态资源服务器获取相关
SevenOne_M·2020-11-23 20:52

跳转到当前路由的时候，vue的出错解决方案

importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)//解决跳转到当前路由的时候，控制台报错//constoriginalPush
kkw凯凯王·2020-11-21 15:08

跳转到当前路由的时候，vue的出错解决方案

importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)//解决跳转到当前路由的时候，控制台报错//constoriginalPush
kkw凯凯王·2020-11-21 15:11

import vue from vue_VUE路由拦截：Vue自定义全局弹窗组件

VueRouter对路由集中统一管理，所以我们可以在main.js中添加如下代码，对所有路由进行拦截：router.beforeEach((to,from
weixin_39740419·2020-11-21 01:01

VueRouter 同组件多路由 根据动态设置组件name(缓存用)

注意：路由name同名并不会影响(三级路由)动态设置方法1.重构importCpnfrom'xxx'...name:CacheRouterNamecomponent:{...Cpn,name:CacheRouterName}...2.异步加载...name:CacheRouterName,component:async()=>{letcpn=awaitimport('xxxx/index.vue'
LeungJhowe·2020-11-09 17:41

关于Vue-router史上最全详解

VueRouter是什么VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
itsnekodeng学习技术博客·2020-11-04 10:58

Vue-cli4.0路由的配置

product/:id’,形式（3）一般都写一个home父模板其他往里填//拉取依赖importVuefrom'vue';importVueRouterfrom'vue-router';Vue.use(VueRouter
火腿肠烧烤大赛冠军·2020-11-02 19:36

使用 Vue3 重构 Vue2 项目(长文)

环境搭建本来打算使用vite+vue3+VueRouter+vuex+typescript来构架项目的，但是经过一番折腾后发现vite目前只对vue支持，对于vue周边的一些
傲娇的koala·2020-11-02 08:10

使用Vue3重构vue2项目

环境搭建本来打算使用vite+vue3+VueRouter+vuex+typescript来构架项目的，但是经过一番折腾后发现vite目前只对vue支持，对于vue周边的一些
奇舞周刊·2020-10-20 20:57

手写vue - 简单VueRouter的实现

vue手写简单router如何手写一个简单的router一、什么是vue-router?二、vue-router的安装使用1.安装：vueaddrouter2.核⼼步骤：1）步骤⼀：使⽤vue-router插件，router.js2）步骤⼆：创建Router实例，router.js3）步骤三：在根组件上添加该实例，main.js4）步骤四：添加路由视图，App.vue5）导航三、vue-route
莫名就·2020-10-10 15:57

VueRouter源码分析

前置基础知识我们在学习VueRouter源码前，先来复习下hash以及histroy相关的知识。更多细节请参考mdn文档，本节内容节选自mdn
张越·2020-10-09 19:23

vue笔记-6 vue中router路由 路由参数的传递

Vue中的路由VueRouter路由:根据请求的路径按照一定的路由规则进行的请求转发从而帮助我们实现请求的管理作用:在vue中实现组件的动态切换在线引入路由的cdn:``Title点我登录点我注册//创建登录的组件
m0_47734729·2020-10-09 17:38

vue之仿网易严选详解

使用到的技术2、使用到的软件3、使用代码步骤一、首页二、分类列表三、商品列表四、商品详情五、加入购物车六、购物车列表前言1、使用到的技术1-vantui框架2-less-css预编译语言3-vue4-vuerouter5
liaojuajun·2020-10-04 16:53

vue-router 路由&路由嵌套&跳转方法

十一、vue-router路由VueRouter是Vue.js官方的路由管理器（路径跳转）。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
是个厨子·2020-09-25 13:21

vue

vue-router路由模块vue-router官网1.安装路由npmivue-router-S导入路由模块：importVueRouterfrom'vue-router'​安装路由模块：Vue.use(VueRouter
℡清欢·2020-09-17 09:31

vue-router路由

vue-router路由VueRouter是Vue.js官方的路由管理器，和Vue.js的核心深度集成，让构建单页面应用变的易如反掌安装到项目目录下执行npminstallvue-router--save-dev–save-dev
sunqi1436·2020-09-17 05:49

vue-router 路由库

vue-router路由库一、第一个vue-router路由本节视频【视频】Vue渐进式JavaScript框架-VueRouter-第一个路由概述VueRouter是Vue.js官方的路由管理器。
湯神码·2020-09-17 01:35

vue动态挂载路由

代码如下：（1）router.js：该文件中初始化一个VueRouter对象，并挂载一些无需权限校验即可访问的路由：importVu
KnifeBlade·2020-09-17 01:31

Vue面试题、知识点整理

Vue的生命周期Vue实现数据双向绑定的原理Vue组件间通信VueRouter的路由守卫VueRouter的hash和history模式Vuex有五个核心概念keep-alive的作用是什么?
low神·2020-09-17 01:45

Vue+VueRouter+Webpack+Axios+ElementUI---构建项目实战(五)引入Element-UI和编写基础文件

执行以下命令：yarnaddelement-ui安装结束后，在main.js添加代码如下://引入ElementUIimportElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)把src目录调整如下:其中NavTop.vue的代码如下:{{name}}exportdefaul
谁是春风·2020-09-16 23:00

Vue+VueRouter+Webpack+Axios+ElementUI---构建项目实战(四)引入SASS进行样式处理

引入SASS进行样式处理执行以下命令安装sass编写样式yarnaddsassyarnaddnode-sassyarnaddsass-loadersrc目录:_reset.scss代码如下//浏览器初始化文件//基础样式文件/***@author:谁是春风*@date:2019/5/30*@version:V1.0*@Description:重置浏览器样式*/$main-font:"'Helvet
谁是春风·2020-09-16 23:59

Vue+VueRouter+Webpack+Axios+ElementUI---构建项目实战(三)项目目录解析

项目目录解析:配置src目录:page放的应该为.vue的页面文件，如果模块比较多，可以再以模块文件名划分。我的src文件夹下目录如下:NavTop.vue代码如下:{{title}}搜索添加exportdefault{data(){return{title:'微信'}},methods:{searchClick(){console.log('点击搜索')},createClick(){conso
谁是春风·2020-09-16 23:59

Vue+VueRouter+Webpack+Axios+ElementUI---构建项目实战(一)环境准备

声明：本文为谁是春风原创文章，允许转载，但转载必须注明出处并附带首发链接https://blog.csdn.net/itdian666/article/details/90633750环境准备由于现在我的环境是Windows10，所以就一些其他像mac和Linux的话，请自行确认环境问题。环境我是用的：windows10+nodejs+npm+git，文本编辑器我用的是vscode。安装nodej
谁是春风·2020-09-16 23:59

Vue+VueRouter+Webpack+Axios+ElementUI---构建项目实战(二)构建项目

vue-cil构建项目vue-cil我们称为是vue的脚手架工具，所谓脚手架就是搭建一个基本的模型(包括依赖，基础项目目录等)一般情况下，可以使用npm包管理器进行安装依赖项，只不过我用惯的yarn，这个相对npm来说，依赖项的版本是固定的，为了以后运行项目时候排除因为版本兼容报错问题。在命令行输入：yarn安装vue-cil。命令如下：方式①:yarnglobaladdvue-cli方式②:np
谁是春风·2020-09-16 23:59

Vue核心插件之Vue Router

简介VueRouter是Vue.js官方的路由管理器.它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
杨家祈·2020-09-16 18:52

关于vue+router+webpack项目开发前期报错：找不到 module vue-router

/App.vue';Vue.use(VueRouter)importroutesfrom'./routers.js'//创建router实例constrouter=newVueRout
DavidFFFFFF·2020-09-16 17:39

解决报错（Navigation cancelled from “/roleList“ to “/userlist“ with a new navigation.）

解决的方法：关于VueRouter报错路由跳转报错问题只需要在router中的index.js中写:importVuefrom‘vue’importVueRouterfrom‘vue-router’Vue.use
_仰望星空的你·2020-09-16 13:07

vue-router页面加载不出来

/routers'Vue.use(VueRouter)constrouter=newVueRouter({mode:'history',routers})原因：routes：不是routers解决办法：
唯爱浅浅waqq914·2020-09-16 06:34

Vue路由，关于地址栏没有问题，router-view是一片空白

/App.vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)Vue.config.prod
闹闹没有闹·2020-09-16 06:59

vue打开新页面

原文地址：https://segmentfault.com/q/1010000010116819vuerouter是为单页面应用设计的，不管是push,replace都是在一个tab页面内进行的。
The_Thinnest·2020-09-16 05:38

router-view的使用

modules文件夹存放不同模块的路由，再建一个router.js作为路由入口文件importVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(VueRouter
依赖_赖·2020-09-16 05:00

解决＜router-view＞＜/router-view＞未渲染出来的问题

**组件的声明**写在**VueRouter**的**后边了**，写在**前边**就好了。!
一条咸鱼青年·2020-09-16 05:36

Vue中的路由以及默认路由跳转

npminstallvue-router--save或者cnpminstallvue-router--save引入并使用在main.js中：importVueRouterfrom'vue-router'Vue.use(VueRouter
启四·2020-09-16 04:24
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他