初学Vue第二天..._html-js-css

记录学习vue的第二天~比昨天稍微深入一些.也复杂一些.

今天主要学的是v-bind动态绑定class对象/数组 & v-for和v-bind的结合 & v-bind动态绑定style对象/数组语法.

01.v-bind动态绑定class对象,(案例:点击按钮切换字的颜色)

 


    
        我是h2标签

03.v-for和v-bind的结合.(海贼王的案例,鼠标点击变色)

 



    
        
        {index}}--{{item}}
         -->
        
            
             {{index}}--{{item}}

这个分为对象写法和三元表达式.

04.v-bind动态绑定style(对象),(案例如下:改变字体的大小)


    
        我是中国人

格外注意:this!!!

05.v-bind动态绑定style(数组语法),(案例如下:改变字体大小及颜色)


		
           我是中国人

相对于04案例来讲,数组语法方式更加简介.

以上就是我two day学习vue的总结和心得.

欢迎分享，转载请注明来源：内存溢出

初学Vue第二天...