vue路由-1.0
首页 > Vue    作者:lininn   2017年6月20日 16:04 星期二   热度:1325°   百度已收录  
时间:2017-6-20 16:04   热度:1325° 
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>



二维码加载中...
本文作者:lininn      文章标题: vue路由-1.0
本文地址:?post=2
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn