前言
Vue解析模板有如下三种方式,这三种方式内部都可以使用JS语法去做一些逻辑处理,三元和拼接字符串等。
Vue实例
<script>
var vm = new Vue({
el: "#app",
data: {
name: "Aiden"
}
})
</script>
插值表达式 {{}}
<div id="app">
<div>{{name == 'Aiden' ? 'C' : 'D'}}</div>
</div>
v-text
<div id="app">
<div v-text="name == 'Aiden' ? 'C' : 'D'"></div>
</div>
v-html
<div id="app">
<div v-html="name == 'Aiden' ? 'C' : 'D'"></div>
</div>