vue中怎样给元素动态的添加样式

一、Vue css过渡的基本语法

<div v-if="show" :transition="expand">hello</div>

然后为 .expand-transition, .expand-enter 和 .expand-leave 添加 CSS

/* 必需 */扒雹

.expand-transition {

transition: all .3s ease

height: 30px

padding: 10px

background-color: #eee

overflow: hidden

}

/* .expand-enter 定春大帆义仿森进入的开始状态 */

/* .expand-leave 定义离开的结束状态 */

.expand-enter, .expand-leave {

height: 0

padding: 0 10px

opacity: 0

}

1、新建html文档，在head标签中引入vue的js文件。

2、在body标签中添加一个id为“app”的div标签含渣。

3、闹老闹在这个div标签中再添加一个div标签，在vue中添加一个变量数据。

4、用浏览器打开html文档，这时可以在页面中看到被液罩v-html指令添加的html元素。

---