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

53 阅读 0 评论 35 点赞

我是靠谱客的博主清脆荔枝，最近开发中收集的这篇文章主要介绍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 的模板语法可以使用JS语法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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