在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 使用 props 将组件和路由解耦 //router.js import Vue from 'vue' import Router from 'vue-router' impor ...
分类：
其他好文 时间：
2021-03-29 11:51:19
阅读次数：
0
1.$route 与 $router 区别 router 为 VueRouter 的实例，相当于一个全局的路由器对象，里面含有汗多属性和子对象，例如 history 对象，经常用的跳转链接就可以用this.$router.push()和router-link跳转一样，它是一个路由对象，可以方便的使用 ...
分类：
其他好文 时间：
2021-03-29 11:36:38
阅读次数：
0
vue+vue-router转场动画的实例代码 Vue+WebPack+HBuilder 项目记录 项目搭建完毕了，但是由于是单页应用嵌入HBuilder的时候无法利用它的转场动画，于是找到了vue的转场动画写法，使体验与APP靠近，在此记录； 1.首先我们要监听路由然后判断其是前进还是后退，来实现 ...
分类：
其他好文 时间：
2021-03-18 14:20:23
阅读次数：
0
路由 如果需要使用 vue router 驱动单页面应用，那就 App.vue 添加 <router-view/> 标签 router.js 中配置路由信息， main.js 中引入 router.js 并绑定到 vue 实例。 App.vue <template> <div id="app"> < ...
分类：
其他好文 时间：
2021-03-17 14:08:54
阅读次数：
0
hash模式：路由地址带#号，适合做后台管理系统。 history模式：路由地址不带#号，适合做前端宣传页面，但是history模式有个问题就是：刷新页面会出现404错误，解决方法需要配置服务器。 一、如果是Apache服务器 （如何下载安装Apache服务器，并且设置工作目录） 把项目的dist文 ...
分类：
其他好文 时间：
2021-03-16 13:31:37
阅读次数：
0
1. 打开官方文档 https://router.vuejs.org/zh/installation.html 安装： npm i vue-router -S import Vue from 'vue' import app from './App.vue' // 导入 vue-router imp ...
分类：
Web程序 时间：
2021-03-16 11:52:19
阅读次数：
0
在项目的目录中找到router文件夹里的index.js index.js文件原先的文件结构 import Vue from 'vue' import Router from 'vue-router' import Home from '@/pages/home/Home' import City ...
分类：
其他好文 时间：
2021-03-03 12:06:41
阅读次数：
0
Vue-Router <router-link> 该标签是一个vue-router中已经内置的组件 它会被渲染成一个a标签 tag <router-link tag="button"></router-link> 此时不会默认渲染成a标签 而是button按钮 replace replaceStat ...
分类：
其他好文 时间：
2021-02-22 12:36:06
阅读次数：
0
vue-base 项目初始化 vue create vue-base Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for producti ...
分类：
其他好文 时间：
2021-02-05 10:50:49
阅读次数：
0
当切换到新路由时，若希望页面滚动到顶部，或者是保持原先的滚动位置，就像重新加载页面一样，vue-router 可以自定义路由切换时页面如何滚动 这个功能只在支持 history.pushState 的浏览器中可用 当创建一个Router实例，可以提供一个 scrollBehavior 方法： scr ...
分类：
其他好文 时间：
2021-02-01 11:58:53
阅读次数：
0
