1峰搪，補vue指令
(1) v-html :可以解析html標簽
(2) v-text :不論什么都解析成文本格式
(3) v-once :只綁定一次
(4) v-pre : 原樣輸出
(5) v-clock : 不需要表達式糜值，在css樣式中將 [v-cloak] 屬性設(shè)為 display:none;

v-once，v-pre忠烛，v-cloak都不需要表達式

2属提，路由
（1），vue-router ： vue的核心插件美尸，引入 vue-router.js 插件冤议；
（2），根據(jù)不同的url訪問不同的頁面（也就是進行頁面跳轉(zhuǎn)）火惊；
（3）求类，創(chuàng)建單頁面應(yīng)用（又叫SPA（SINGLE PAGE APPLICATION）應(yīng)用）奔垦。
（4）屹耐，以 / 開頭的嵌套路徑會被當作根路徑

3，路由的步驟

    <div id='app'>
             <!--1.-->
        <router-link to='/home'>首頁</router-link>
       <router-link to='/user'>用戶頁</router-link> 
 
        <!--1椿猎， 盛放鏈接對應(yīng)的內(nèi)容-->
        <router-view></router-view>
    </div>
   <script src='js/vue.js'></script> 
   <script src='js/vue-router.js'></script>
   <script>

        //2.創(chuàng)建組件
        var Home={
               template:`
                    <h1>這是首頁</h1>
               `
        }
       var User={
              template:`
                   <h1>這是用戶頁</h1>
              `
       }

   //3.配置路由
   const  routes=[
       {path:'/',component:Home},
       {path:'/home',component:Home},
       {path:'/user',component:User}
   ]

   //4.創(chuàng)建路由實例
   const router=new VueRouter({
       routes:routes,
       linkActiveClass:'active'
   })

   //5.路由實例掛載到vue實例上（注冊路由）
   new Vue({
       el:'#app',
       router:router
   })
</script>

4惶岭，路由的嵌套：

<div id='app'>
       <!--1.-->
       <router-link to='/index'>首頁</router-link>
       <router-link to='/user'>用戶頁</router-link>
       <router-view></router-view>
</div>
       <script src='js/vue.js'></script> 
       <script src='js/vue-router.js'></script>
       <script>
   //2.創(chuàng)建組件
   var  Index={
       template:`
         <h1>這是首頁</h1>
       `
   }
   var User={
       template:`
       <div>
         <h1>這是用戶頁</h1>
         <ul>
           <li>
              <router-link to='/user/regist'>注冊</router-link>
           </li> 
            <li>
              <router-link to='/user/login'>登錄</router-link>
           </li>
        </ul>
        <router-view></router-view>
       </div>
     `
   }
   
   
   var Regist={
       template:`
         <h3>這是注冊頁</h3>
      `
   }
   
    var Login={
       template:`
         <h3>這是登錄頁</h3>
      `
   }
   
   //3.配置路由
   const routes=[
       {path:'/',component:Index},
       {path:'/index',component:Index},
       {
           path:'/user',
           component:User,
           children:[
               {path:'regist',component:Regist},
               {path:'login',component:Login}
           ]
       }
   ]
   
   //4.創(chuàng)建路由實例
   const router=new VueRouter({
       routes:routes
   })
   
   //5.把路由實例掛載到vue實例上
  new Vue({
      el:'#app',
      router:router//注冊路由
  })
</script>