vue路由-1.0 vue路由-1.0

vue路由-1.0

vue1.0的路由配置:

vue1.0.28,vue-router 0.7.13


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VUE</title>
    <script src="dist/vue.min.js"></script>
     <script src="dist/vue-router.min.js"></script>
</head>
<body>
   <div id="box">
       <ul>
           <li>
               <a v-link="{path:'/home'}">主页</a>
           </li>
           <li>
                 <a v-link="{path:'/news'}">新闻</a>
           </li>
       </ul>

<div>
        <router-view></router-view>
</div>
   </div>
   </body>
   <script>
   var App=Vue.extend();
   var Home=Vue.extend({
       template:"<h3>我是主页</h3>"
   })
    var News=Vue.extend({
       template:"<h3>我是新闻</h3>"
   })
   var router=new VueRouter();
   router.map({
          "home":{
           component:Home
       },
       "news":{
           component:News
       }
       
       } );
       router.start(App,"#box");
   </script>
</html>



分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论