vue 的模板语法可以使用JS语法

200 阅读 0 评论 132 点赞

我是靠谱客的博主清脆荔枝，这篇文章主要介绍vue 的模板语法可以使用JS语法，现在分享给大家，希望可以做个参考。

前言

Vue解析模板有如下三种方式，这三种方式内部都可以使用JS语法去做一些逻辑处理，三元和拼接字符串等。

<script>
   var vm = new Vue({
        el: "#app",
        data: {
            name: "Aiden"
        }
    })
</script>

<div id="app">
	<div>{{name == 'Aiden' ? 'C' : 'D'}}</div>
</div>

<div id="app">
	<div v-text="name == 'Aiden' ? 'C' : 'D'"></div>
</div>

<div id="app">
	<div v-html="name == 'Aiden' ? 'C' : 'D'"></div>
</div>

以上就是清脆荔枝最近收集整理的关于vue 的模板语法可以使用JS语法的全部内容，更多相关vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。