vue路由-1.0

首页 > Vue 作者：lininn 2017年6月20日 16:04 星期二热度：2494° 百度已收录

时间：2017-6-20 16:04 热度：2494°

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>

Vue

本文作者：lininn 文章标题： vue路由-1.0
本文地址：?post=2
版权声明：若无注明，本文皆为“覆手为雨”原创，转载请保留文章出处。

分享本文至：

搜索