vue-router

H5 小型项目技术栈

先来考虑一个小项目中前端需要用到的技术点：路由管理模板引擎(非静态页面需要用到)DOM操作以上三点其实在Vue框架中都有体现，分别对应vue-router，vue内
风之化身呀·2021-05-15 19:24

Vue.js 路由（转）

Vue.js路由需要载入vue-router库中文文档地址：vue-router文档。安装1
是我拉叔·2021-05-15 11:05

06Vue3-Vue路由笔记

路由基本用法文件目录结构route->index.js配置文件解读import{createRouter,createWebHistory}from'vue-router'//引入组件importHomefrom
CaRuJan·2021-05-15 01:11

Vue学习4：Vue-router

Vue学习4：Vue-router文章目录一、认识路由1.后端路由与前端路由二、Vue-router基本使用1.基本使用2.router-link的属性3.动态路由4.路由的懒加载5.嵌套路由6.参数传递
Vivian小姐·2021-05-14 15:45

Vue插件开发与实战

一个Vue插件可以是一堆Vue组件的集合，也可以在Vue的原型上进行扩展，如Vuex、Vue-Router。如果一个组件需要在多个页面频繁使用，最好的方式就是封装成插件。插
悟空leo·2021-05-13 10:41

vue-router的routes中name属性作用详解

exportdefaultnewRouter({mode:'history',routes:[{path:'/',name:'Hello',component:Hello},{path:'/text',name:'text',component:text},{path:'/text/:id',component:param}]})第一种用法：通过name属性，为一个页面中不同的router-vie
AMONTOP·2021-05-12 13:02

vue-router 实现分析

vue-router是Vue.js官方的路由库，本着学习的目的，我对vue-router的源码进行了阅读和分析，分享出来给其他感兴趣的同学做个参考吧。
NARUTO_86·2021-05-12 12:26

Vue-Router的hash 和 history 模式

在vue的路由配置中有mode选项，最直观的区别就是：hash模式下在url中带了一#。而history模式是没有#的。vue默认使用hash模式。mode:"hash";mode:"history";hash模式地址栏URL中的#符号，比如这个URL：http://www.abc.com/#/aaaahash的值为#/aaaa。它的特点在于：hash虽然出现在URL中，但不会被包括在HTTP请求
怎么昵称·2021-05-12 05:54

详解vue中$router和$route的区别

我们在vue项目中一般都会用到路由，而vue-router是vue.js官方的路由管理器。this.$route：当前激活的路由的信息对象。
·2021-05-11 16:11

Laravel 项目中用 vue-router 实现页面跳转

vue-router作用保留页面部分内容，实现页面跳转准备工作切换到项目根目录下，安装vue-routernpminstallvue-routerLaravelFramework8.40.0vueversion
Grace_Zhong·2021-05-11 13:12

vue分页插件的思考

有这样一个需求，页面效果如下：需求如下：查询：按条件查询，并默认分页为第一页分页：分页操作是在当前查询结果基础上进行的在查询，分页操作后，刷新页面应保持查询条件，页数，和结果技术方案：采用vue组件和vue-router
TingsLee·2021-05-11 03:59

vueDemo-1

进行初始化项目之后,在根目录会生成webpack.config.js文件,来进行webpack打包的配置vue项目结构大概目录如下--src----components//用于存放组件----page//页面组件，由vue-router
Vinctor·2021-05-11 01:32

vue-router 基本操作

安装vue-router在命令行中进入vue的项目目录里，运行命令npminstallvue-router--save来进行安装npminstallvue-router--save使用vue-router
IT散人·2021-05-10 19:16

一个最基础的vue-cli单页面程序

一个最基础的vue-cli单页面程序前期准备安装vue-router引入vue-router模板里跳转模板子模版、子路由前期准备看到这里的项目准备好后，把图片换成这段文字：运行后看到：安装vue-router
Brrby·2021-05-10 17:15

基于Vue全家桶的网络音乐播放器

一个基于Vue全家桶(Vue,Vue-router,Vuex)开发的单页面音乐应用，在学习H5和JavaScript的最开始的时候就想做一个音乐播放器，现在终于实现了当初的想法。
harrison_pxxxxx·2021-05-10 16:04

vue-动态路由的匹配

那么，我们可以在vue-router的路由路径中使用『动态路径参数』（dynamicsegment）来达到这个效果：constUser={template:'User'}constrouter=newVueRouter
茹茹茹茹茹茹欧尼_·2021-05-10 14:06

Vue.js笔记 — vue-router路由懒加载

js文件会非常大，我们可以利用路由的懒加载去优化这个问题，当我们用到某个路由后，才去加载对应的组件，这样就会更加高效，实现代码如下：importVuefrom'vue'importRouterfrom'vue-router'Vue.use
honglingdai·2021-05-10 12:18

Vue路由配置

npminstallvue-router--save或cnpminstallvue-router--save二、在main.js中依次写入如下代码（1~5），进行配置1、引入并使用Vue路由importVueRouterfrom'vue-router
牧码狗·2021-05-10 02:08

vue列表数据删除后的主动刷新页面及刷新方法

vue列表数据删除后的主动刷新页面及刷新方法问题描述：前端删除一条数据或者新增数据后，后端操作成功，但前端不会自动刷新，需要重新刷新当前页面（用vue-router重新路由到当前页面，页面是不进行刷新的
qqCeleste·2021-05-09 20:30

web前端面试题@二（Keeplive、V-show和v-if的区别、同源策略及跨域）

在vue中，我们使用component内置组件或者vue-router切换视图的时候，由于vue会主动卸载不使用的组件，所以我们不能保存组件之前的状态，而我们经常能遇到需要保存之前状态的需求，例如：搜索页
王芃皓·2021-05-09 05:14

Vue.js 实战系列之实现视频类WebApp的项目开发——5. 视频播放列表实现

importVuefrom'vue';importVueRouterfrom'vue-router';importHomefrom'../views/Home.vue';Vue
前端小新_XH·2021-05-08 18:19

vue-router学习

跳转的时候紧紧刷新局部资源,公共资源(js、css等)仅需加载一次,第一次进入页面时只会请求一个html,刷新的时候清除页面上的组件,切换到其他的组件,这是路径也会发生相应的变化,但是不会有新的html文件请求.vue-router
喵星人and亦人·2021-05-08 14:57

2021前端面试题总结（精简版）

vuev-if和v-show的区别v-if和v-for的优先级vue修改数据页面不更新v-for中的key的作用vue组件中data为什么必须是个函数vue-router$nextTick的作用双向数据绑定原理
Frazier_梁超·2021-05-08 14:40

vue-router

vue-router项目准备开始写vue-router的效果使用vue-router1.在main.js里引入vue-router2.在src目录下新建routers目录>index.js文件3.在components
Brrby·2021-05-08 12:42

vue-router

跳转路由vue路由文件router.jsexportdefaultnewRouter({routes:[{name:'survey',path:'/service/surveyService',component:'surveySeriveTips'}]})在vue文件中使用路由：this.$router.push({name:'survey'})或this.$router.push('/serv
A郑家庆·2021-05-08 04:41

285页解析百度、阿里、腾讯前端面试题，通关秘籍请收好！

前言前端面试题解析主要内容包括HTML、CSS、JS、ES6、Vue、生命周期相关、Vue-router、Vuex、React、ReactNative、微信小程序、IOS/Andriod浏览器适配问题整理
李不要熬夜·2021-05-07 17:56

技术胖155集前端视频教程-全部免费观看

转载https://juejin.im/post/5a5bc8c36fb9a01ca26774ebVue2.x基础视频（27集）Vue-cli视频教程（3集）Vue-router视频教程（11集）vuex
困惑困惑困惑·2021-05-07 17:45

6 VUE路由

vue->SPA应用，单页面应用（引入vue-router.js）vue-resouce交互vue-router路由根据不同url地址，出现不同效果html:主页跳转链接新闻展示的内容js://1.准备一个根组件必须是跟组件
上马提枪·2021-05-07 16:56

手写vue-router源码

一、项目准备创建vue项目vuecreateprojectName进入项目cdprojectName安装vue-routervueaddrouter手写vue-router:在router文件夹中创建jvue-router.js
MiemieWan·2021-05-07 15:14

vue vue-router vuex element-ui axios的学习笔记（十六）写express Server

想到一个办法，直接使用webpack的proxy代理，让这个项目直接访问server获取数据。实现步骤1、在learn项目修改修改配置实现代理打开config下面的index.js在proxyTable添加以下代码'/learn':{target:'http://localhost:8088',changeOrigin:true,pathRewrite:{'^/learn':'/'/}}2、修改a
思吾谓何思·2021-05-07 13:42

web开发笔记之vue-router使用

简介今天对看文档,对vue-router的使用有了写了解,并且做了个跳转的demo,所以今天见简单介绍一下vue-router的使用.内容SPA单页Web应用（singlepagewebapplication
小貔·2021-05-06 21:25

Vue2.0环境搭建

Vue2.0.png安装环境创建项目创建项目示例vueinitwebpackdemo_1安装依赖(在有package.json的目录中)npminstall安装vue路由模块vue-router和网络请求模块
amuqiao·2021-05-06 17:02

vue-router 2.0 常用基础知识点之导航钩子

导航钩子vue-router提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的,单个路由独享的,或者组件级的。
愿你如夏日清凉的风·2021-05-06 14:01

Vue前后端分离项目开发参考

搭建项目参考前端前期准备node环境搭建脚手架安装需要的依赖：vue全家桶（vue-cli、vue-router、vuex）、css预编译器（sass之类的）如果是移动端应用还需要进行相关的如响应式配置
dawsonenjoy·2021-05-06 11:17

vue-router路由 学习笔记

vue-router路由狂神视频教程https://www.bilibili.com/video/BV18E411a7mC?
wei198621·2021-05-05 22:45

学习vue-router？看这篇就够了——第一个实例

一、简介ps：第一次在github上push成功使用gitpush--set-upstreamoriginmaster通过上一节的学习我么已经知道如何创建并使用vue-router插件了。
微漫归雪·2021-05-05 20:05

电商后台管理系统项目总结（二）

所用技术栈：axios的封装、API的封装、vue-router、element-ui、echarts整体项目技术难点：商品管理、权限、分类参数、面包屑的封装axios的封装//1.导入axios对象importaxiosfrom"axios
一只燕仔·2021-05-05 19:14

vue2.0一起在懵逼的海洋里越陷越深（六）

觉得靠谱的话欢迎加星跟随,有问题欢迎评论和指正aaaa在vue开发SPA应用的过程中，多数情况下我们需要解决一个问题就是在路由跳转的过程中需要更新你SPA应用的title，这一节不说其他，就展示如何使用vue-router
leenty·2021-05-05 07:55

vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客

基于vue2/vuex/vue-router/koa2/mongodb搭建的简易伪全栈博客（依赖vue-cli脚手架）首页.png博客.png目录.png归档.png标签.
趁你还年轻233·2021-05-05 07:33

vuejs入门-路由初识（二）

这篇开始我们使用npm库：vue-cli的开发方式的深入开发这次我们只说一个东西：vue的路由处理以及路由方案：vue-router;路由是啥，就是跳转页面的导航处理【我的个人理解，不喜勿喷】。
矢风·2021-05-05 02:37

6.Vue路由(vue-router库）

vue2中路由的写在项目的src/router/index.js里importVuefrom'vue'importRouterfrom'vue-router'importhomefrom'@/components
悟空你又瘦了·2021-05-04 20:25

weex -- 路由填坑

App上使用vue-router发现显示的是白屏官方的文档只有提到，然后搜索了很多论坛都没有找到答案，然后我去请教“勾三股四”（阿里巴巴Weex开发团队的一员），一个小时候....我得到了答案，这个答案让我很吃惊
谢秀岳·2021-05-04 11:45

Vue路由 ---- vue-router

vue-router中常用的hash和history路由模式实现原理吗？TwoPoint！！！
斗伽·2021-05-04 10:00

ios微信浏览器内vue项目url不改变

项目是nuxt的，虽然vue-router的模式是history，但是在ios里有个问题：当路由变化时，微信浏览器的url不改变，导致从微信浏览器跳转到手机浏览器时，不能打开指定页面。
我才是大田田·2021-05-04 05:18

vue

vue框架vuejs+vue-router+vuex+axios渐进式理解声明式渲染（无需关心如何实现）组件系统客户端路由（vue-router）大规模状态管理（vuex）构建工具（vue-cli）vue
放逐的帝王·2021-05-03 23:25

koa

，改造成我们想要的数据结构，node也可以搭建服务器，封装自己想要的接口，因此我对其非常感兴趣，因此搭建了一个简易app大致模拟一个用koa-router封装接口的全部流程，之后的界面会使用vuex，vue-router
野蛮生长_ed2e·2021-05-03 21:33

Vue router路由和前端状态管理

11.1vuerouter路由基本加载简单四步走安装npminstall--savevue-router引用importrouterfrom'vue-router'Vue.use(router)配置路由文件
诺CIUM·2021-05-03 16:25

vue从入门到xx，第三节：vue.js路由使用

vue.js官方推荐使用官方插件vue-router首先使用npm安装此插件npminstall--savevue-router安装成功后，如下图所示，到目前为止，安装的版本为vue-router在上一篇里建立的
stiller·2021-05-03 03:31

vue-router路由使用

1、路由的安装首先安装npminstallivue-router--save在main.js中引入。我们一般把router相关的内容写到一个单独的router文件夹中便于管理，然后再在main.js中引入这个文件。在newVue时传入importrouterfrom'./router'。。。newVue({router,。。。})router文件夹的index.js文件引入，并用Vue.use注册
龙易安·2021-05-01 09:36

vue-router 2.0 常用基础知识点之router.push()

router.push(location)除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的URL。当你点击时，这个方法会在内部调用，所以说，点击等同于调用route
愿你如夏日清凉的风·2021-04-30 17:36
上一页 53 54 55 56 57 58 59 60 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他