通过绑定属性去映射head标签中的样式,以及直接在标签中写简单的逻辑
<style>
// 通过类名
.one{
color: green;
}
//通过id
#two{
background: pink;
}
</style>
<body>
<div id="app">
//绑定一个类名及id去映射样式表里面的样式
<h1 :class="className" :id="idName">{{ msg }}</h1>
//在标签内写简单的逻辑运算
<h1>{{ msg.split("").reverse().join("")}}</h1>
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
className: "one",
idName: "two",
msg: "通过绑定属性加样式"
}
})
</script>
</body>