摘要:
嵌套路由最关键在于理解子级路由的概念: 比如我们有一个/users的路由,那么/users下面还可以添加子级路由,如: /users/index、/users/add等等,这样的路由情形称之为嵌套路由。 routes: [ { path: "/user", component: User, //通过 阅读全文
posted @ 2021-01-07 18:01
Tsunami黄嵩粟
阅读(171)
评论(0)
推荐(0)
摘要:
用户在访问地址A的时候,强制用户跳转到地址C ,从而展示特定的组件页面。 var router = new VueRouter({ // routes是路由规则数组 routes: [ // 每个路由规则都是个配置对象,至少有path和component两个属性 // path表示当前路由规则匹配的 阅读全文
posted @ 2021-01-07 17:53
Tsunami黄嵩粟
阅读(232)
评论(0)
推荐(0)
摘要:
编程式导航就是通过js来实现路由跳转 this.$router.push("/login"); this.$router.push({ name:'user' , params: {id:123} }); this.$router.push({ path:"/login" }); this.$rou 阅读全文
posted @ 2021-01-07 17:15
Tsunami黄嵩粟
阅读(100)
评论(0)
推荐(0)
摘要:
它就是先在页面中定义好跳转的路由规则,vueRouter中通过 router-link组件来完成 <router-link to="path"></router-link> # to 要跳转到的路由规则 string|object to=”users” :to=”{path:’path’}” 阅读全文
posted @ 2021-01-07 16:58
Tsunami黄嵩粟
阅读(71)
评论(0)
推荐(0)
摘要:
网址:https://router.vuejs.org/zh/ Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过 阅读全文
posted @ 2021-01-07 16:10
Tsunami黄嵩粟
阅读(90)
评论(0)
推荐(0)
摘要:
路由的本质就是一种对应关系,根据不同的URL请求,返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。 路由分为:后端路由和前端路由 ² 后端路由:由服务器端进行实现并实现资源映射分发 ² 前端路由:根据不同的事件来显示不同的页面内容,取事件与事件处理函数之间的对应关系 阅读全文
posted @ 2021-01-07 15:59
Tsunami黄嵩粟
阅读(101)
评论(0)
推荐(0)
摘要:
https://cli.vuejs.org/zh/ 在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方式在很多中小规模的项目中运作的很好,在这些项目里 JS 只被用来 阅读全文
posted @ 2021-01-07 15:40
Tsunami黄嵩粟
阅读(82)
评论(0)
推荐(0)
摘要:
作用域插槽是一种特殊类型的插槽,用作一个 (能被传递数据的)可重用模板,来代替已经渲染好的元素。在子组件中,只需将数据传递到插槽,就像你将 prop 传递给组件一样 # 子组件中 Vue.component('child', { template: ` <div class="child"> <sl 阅读全文
posted @ 2021-01-07 15:16
Tsunami黄嵩粟
阅读(350)
评论(0)
推荐(0)
摘要:
<slot> 元素可以用一个特殊的特性 name 来进一步配置如何分发内容。多个插槽可以有不同的名字。具名插槽将匹配内容片段中有对应 slot 特性的元素。 # 子组件 <div class="container"> <header> <slot name="header"></slot> </he 阅读全文
posted @ 2021-01-07 14:50
Tsunami黄嵩粟
阅读(96)
评论(0)
推荐(0)
摘要:
当子组件模板只有一个没有属性的插槽时,父组件传入的整个内容片段将插入到插槽所在的 DOM 位置,并替换掉插槽标签本身。 # 子组件 <div> <h2>我是子组件的标题</h2> <slot> 只有在没有要分发的内容时才会显示。 </slot> </div> # 父组件 <div> <h1>我是父组 阅读全文
posted @ 2021-01-07 14:46
Tsunami黄嵩粟
阅读(73)
评论(0)
推荐(0)