vue的:class 和style用法

vue属性的使用

1.:src

v-bind:name  ===>  :name

1.图片src,在vue2.0中,只能支持 :src="ulr",不能使用 url={{url}}

![](url)  vue2用法
<img src={{url}} alt=""> vue1.0用法

2:class

<!-- 普通类样式 -->
<!-- <p class="aa">我是类样式</p> -->

<!-- 不能直接应用类名 -->
 <!-- <p :class="aa">我是类样式</p> -->
            
<!-- 变量的形式 -->
<!-- <p :class="bb">我是类样式</p>  -->

<!-- 数组的形式 -->
<!-- <p :class="[bb,dd]">我是类样式</p> -->

<!-- json的形式常用 -->
<!-- <p :class="{aa:true,cc:true}">我是类样式</p> -->
<!-- <p :class="{aa:num>2,cc:bg}" @click="changeColor">我是类样式</p> -->

<!-- 变量引用json形式 -->
<!-- <p :class="aa" >我是类样式</p> -->

<!-- 添加固定内容并带顺序的类名 -->
<!-- <ul>
    <li v-for="(user,index) in data" :class="'name'+index">{{user.name}}</li>
</ul> -->

4.:style

style不常用
<p :style="ss">style</p>

<p :style="[ss,yy]">style</p>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容