加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
26-vue-router3.html 1.13 KB
一键复制 编辑 原始数据 按行查看 历史
ouqianbei 提交于 2021-03-16 17:24 . add
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="node_modules/vue/dist/vue.js"></script>
<script src="node_modules/vue-router/dist/vue-router.min.js"></script>
</head>
<body>
<div id="app">
<div>
<router-link :to="{name:'user',params:{id:123}}">登录</router-link>
<!--使用对象作为路由的时候前面需要对to进行v-bind绑定-->
<router-view></router-view>
</div>
</div>
<script>
var user = {
template: `<h2>我是user组件</h2>`,
created() {
console.log(this.$route)
}
}
var router = new VueRouter({
routes: [
{
path: '/user/:id',
name: 'user',
component: user
}
]
})
var vue = new Vue({
el: "#app",
router //注册路由
})
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化