vue路由的使用

vue路由的使用

1.路由的使用步骤

• 1.html部分使用router-link组件定义导航，to属性指向路径url

     <router-link to="/home">导航主页<router-link>

• 2.html部分使用router-view来渲染路由内容

 
 <router-view></router-view>

• 3.定义组件

1).第一种方法，适用于内容较少的情况

 var Home = {
   
     template:"<h1>我是主页</h1>"
 }

2).第二种方法，适用于内容较多的情况

 在html内写：
 <template id="home">
         <h1>我是主页</h1>
         <ul>
             <li>我是主页</li>
         </ul>
 </template>

 在js内用id引入：
 var Home = {