八:vue.js基础

1.Helloword

    
    




    
    
Hello {{username}}






    
1. 双大括号表达式
    
{{msg}}

    
{{msg.toUpperCase()}}
    

    


    
2. 指令一: 强制数据绑定
    
    
    

    
3. 指令二: 绑定事件监听
    
    
    test2

3.条件渲染

    
    




    
成功了
    
失败了

    
表白成功
    
表白失败
    切换

4.class与style绑定

    
    
    






    
1. class绑定: :class='xxx'
    
xxx是字符串
    
xxx是对象
    
xxx是数组

    
2. style绑定
    
style绑定

    更新

5.计算属性和监视

  
  




    姓: 

    名: 

    
    姓名1(单向): 

    姓名2(单向): 

    姓名3(双向): 


    
{{fullName1}}
    
{{fullName1}}
    
{{fullName1}}