router的安装和基本配置

最新推荐文章于 2024-05-06 20:31:51 发布

weixin_30421809

最新推荐文章于 2024-05-06 20:31:51 发布

阅读量89

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/52-qq/p/8387335.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <div>
        <router-link to="/">首页</router-link>
        <router-link to="/about">关于我们</router-link>
    </div>
    <div>
        <router-view></router-view>
    </div>
</div>
<script src="../../lib/vue.js"></script>
<script src="../../lib/vue-router.js"></script>
<script src="js/main.js"></script>
</body>
</html>

var routes = [
    {
        path:"/",
        component:{
            template:`
            <div>首页</div>
            `
        }
    },
    {
        path:"/about",
        component:{
            template:`
            <div>关于我们</div>
            `
        }
    }
];

var router = new VueRouter({
    routes:routes
});
new Vue({
    el:"#app",
    router:router
})

转载于:https://www.cnblogs.com/52-qq/p/8387335.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30421809

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
router的安装和基本配置

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <div&gt...
复制链接

扫一扫