转 router-view 的理解
2024-10-07 11:51:38
主要是构建 SPA (单页应用) 时,方便渲染你指定路由对应的组件。你可以 router-view
当做是一个容器,它渲染的组件是你使用 vue-router 指定的。比如:
视图层:
<div id="app">
<router-view></router-view>
</div>
路由定义:
router.map({
'/foo': {
// 路由匹配到/foo时,会渲染一个Foo组件
component: Foo
}
})
初始化实例:
// start app
var App = Vue.extend({})
router.start(App, '#app')
当你访问 /foo
时,router-view
就被 Foo
组件替换了。
组件的嵌套,一样的逻辑,看下文档和demo吧。 嵌套路由
最新文章
- PHP与API讲解(一)
- Mono+Jexus部署C# MVC的各种坑
- ubuntu下gedit闪退,遇到问题:ERROR:../../gi/pygi-argument.c:1583:_pygi_argument_to_object: code should not be reached 已放弃 (核心已转储)
- 【转】The import javax.servlet cannot be resolved
- 闪回恢复区大小不够。报ORA-19809、ORA-19804
- 使用statsd+graphite+grafana构建业务及性能监控模块
- JSON和JSONP的区别
- UVA 10004 Bicoloring
- Window服务初级教程以及log4net配置文件初始化
- Java [Leetcode 338]Counting Bits
- ASP.NET MVC 企业级实战
- 安卓ndk 忽略 error: undefined reference to &#39;找不到符号
- Django之模型层(多表操作)
- jquery 正则表达式
- Win10更新后真正可用VC++6版本
- android手机如何获取手机号
- JSON自定义排序
- 【转】Android系统中的.apk文件和dex文件
- 【bzoj2654】tree 二分+Kruscal
- 【构造】AtCoder Regular Contest 079 F - Namori Grundy