与Vue.js的第九天

今天学习了路由

路由

路由

路由vue-router
是vue的核心组件
根据不同的url访问不同页面
配合单页面使用

vue-router使用必须安装匹配插件

vue-router实例

 
  

     
     首页
     用户页 
     
    
      
  
    
   
   

路由的嵌套

  

   
   首页
   用户页
   
  
    
   
   

v-html,v-text,v-once,v-pre,v-cloak

v-html：v-html用于输出html
v-text：是用于操作纯文本，它会替代显示对应的数据对象上的值
v-html和v-text的区别：v-text输出的是纯文本，浏览器不会对其再进行html解析，但v-html会将其当html标签解析后输出。
v-once：只能绑定一次，只能执行一次性地插值，当数据改变时，插值处的内容不会更新
（不需要表达式）
v-pre:在模板中跳过vue的编译，直接输出原始值。就是在标签中加入v-pre就不会输出vue中的data值了。
（不需要表达式）
v-cloak：防止页面加载时出现 vuejs 的变量名，和 CSS 规则如 [v-cloak] { display: none } 一起用。
（不需要表达式）

   

       
       
{{msg}}
       
{{msg}}
       
       {{msg}}
       
       
{{msg}}
       
   
    
    

    
    
    


   

       
{{msg}}