1. 在vue-router中使用import()来代替require.ensure()懒加载实现代码打包分离 const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue') const Bar = () => im ...
分类：
其他好文 时间：
2020-04-11 09:43:10
阅读次数：
58
1、配置嵌套路由src/router/index.js /* 路由器模块 */ // 引入Vue import Vue from 'vue' // 引入路由器插件 import VueRouter from 'vue-router' // 引入路由组件 import About from '../v ...
分类：
其他好文 时间：
2020-04-10 22:38:44
阅读次数：
89
vue-router：官方提供的vue路由插件 使用流程： 下载：npm I -S vue-router 引用：import VueRouter from 'vue-router' 注册：Vue.use(VueRouter) 路由配置： const routes=[ {path:'/films',c ...
分类：
其他好文 时间：
2020-03-26 13:42:53
阅读次数：
68
通过VueRouter实例的push()操作，可以进行路由跳转，对于<router-link/>组件来说，它绑定的是click事件，最后也是通过执行push()方法来进行路由跳转的。 对于push()方法来说，一共可以传入三种形式的参数: 字符串形式，值为路劲 含有name的对象形式，可以搭配par ...
分类：
其他好文 时间：
2020-03-23 09:45:02
阅读次数：
70
该组件支持用户在具有路由功能的应用中(点击)导航,默认渲染成带有正确链接的<a>标签，可以通过tag属性生成别的标签。 它本质上是通过在生成的标签上绑定了click事件，然后执行对应的VueRouter实例的push()实现的，对于router-link组件来说，可以传入以下props: to 表示 ...
分类：
其他好文 时间：
2020-03-16 09:21:10
阅读次数：
49
最近遇到这样一个问题，百思不得其解： 原因肯定是出在router上，但是具体哪里不清楚，于是百度一番，终于发现解决方法： 其实这是因为创建的router实例是有命名规范的 import Vue from 'vue' import App from './App.vue' import rou fro ...
分类：
其他好文 时间：
2020-03-15 15:01:56
阅读次数：
75
1.引入vue-router
2.Vue.use(VueRouter);可省略
3.创建并配置路由对象
4.将路由对象挂载到Vue实例化对象中
// 5.在页面中应用 ...
分类：
其他好文 时间：
2020-03-14 21:40:31
阅读次数：
52
路由中的钩子函数 beforeRouteEnter：在进入路由前执行 beforeRouteLeave：在离开路由前执行 案例代码如下： export default { props: ['id'], name: "UserProfile", beforeRouteEnter: (to, from, ...
分类：
其他好文 时间：
2020-03-14 20:00:11
阅读次数：
53
参数传递 我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。此时我们就需要传递参数了； 使用路径匹配的方式 修改路由配置，主要是在 path 属性中增加了 :id 这样的占位符 {path: '/us ...
分类：
其他好文 时间：
2020-03-14 18:28:18
阅读次数：
78
什么是嵌套路由 嵌套路由又称子路由，在实际应用中，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件，例如： /user/foo/profile /user/foo/posts + + + + | User | | User | | + + | | + + | ...
分类：
其他好文 时间：
2020-03-14 17:04:14
阅读次数：
55
