2018-09-24（vue指令）路由嵌套

vue指令

v-for=''（循环数组 对象 数组对象）

v-model=''（双向数据绑定，用于表单元素）

v-on:click='alt函数名'

v-show（控制元素的显示和隐藏使用display：none隐藏）

v-if （visibility:hidden;隐藏）

v-else

v-else-if

v-bind:src='值'

补充：

①：v-html=' ' ②：v-text=' '

③：v-once（只绑定一次）④：v-pre（原样输出）⑤：v-cloak

    
    


    

        
        
{{name}}
        
{{name}}
        
{{name}}
        
{{name}}
    
    
    

屏幕展示：①能识别标签、②按书写输出、③只绑定一次、④按原样输出

1.png

    
    
    


    

        
{{msg}}
    
    
    

屏幕展示：点击按钮

2.png

3.png

路由样式

vue-router

vue的核心插件vue-router.js

根据不同的url访问不同的页面，创建单页面SPA应用

    
    
    


    

        首页
        用户页
        
        
    
    
    
    

屏幕展示：

4.png

5.png

路由嵌套

    
    
    


    

        首页
        用户页
        
    
    
    
    

屏幕展示：

6.png

7.png