Vue 模板语法插值表达式、v-text、v-html

最新推荐文章于 2021-08-28 11:27:16 发布

Take^that

最新推荐文章于 2021-08-28 11:27:16 发布

阅读量214

点赞数

分类专栏：前端文章标签： v-text v-html 模板语法

本文链接：https://blog.csdn.net/qq_37767455/article/details/102368112

版权

前端专栏收录该内容

85 篇文章 0 订阅

订阅专栏

<body> 
    <!-- 插值表达式 等价于 v-text   -->
    <div id='app'>
       <div>{{name + ' Lee'}}</div>
       <div v-text="name + ' Lee' "></div>
       <div v-html="name + ' Lee'"></div>
    </div>

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

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Take^that

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue 模板语法插值表达式、v-text、v-html

<body>  <div id='app'> <div>{{name + ' Lee'}}</div> <div v-text="name + ' Lee' "></div> <div v-htm...
复制链接

扫一扫