vue零基础开发012——样式绑定

【第一种】class的对象绑定


    
    样式绑定
    
    


    
{{content}}
vue零基础开发012——样式绑定_第1张图片
初始化

vue零基础开发012——样式绑定_第2张图片
点击后

【第二种】


    
    样式绑定
    
    


    
{{content}}
vue零基础开发012——样式绑定_第3张图片
初始化

vue零基础开发012——样式绑定_第4张图片
点击后

【第三种】内联样式绑定


    
    样式绑定
    


    
{{content}}
{{content2}}
vue零基础开发012——样式绑定_第5张图片
初始化

vue零基础开发012——样式绑定_第6张图片
点击超进化

vue零基础开发012——样式绑定_第7张图片
然后点击任意

vue零基础开发012——样式绑定_第8张图片
点击究极进化

你可能感兴趣的:(vue零基础开发012——样式绑定)