Vue选项之delimiters修改插值符

最新推荐文章于 2024-01-20 23:56:40 发布

庚中

最新推荐文章于 2024-01-20 23:56:40 发布

阅读量2.4k

点赞数 2

分类专栏：十二.vue 文章标签： Vue选项之delimiters修改插值符

本文链接：https://blog.csdn.net/xiaodi520520/article/details/88826796

版权

十二.vue 专栏收录该内容

60 篇文章 6 订阅

订阅专栏

有时候我们使用"{{内容}}",当后台的插值符跟现有的插值符有冲突时,这时就要改变我们的插值符,操作如下:

  <body>
    <div id="app">
        <!-- 插值符改为了es6插值形式了 -->
        ${num}
        <p><button @click="add">ADD</button></p>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
     
      let app = new Vue({
        el: '#app',
        data:{
            num:1
        },
        methods:{
            add(){    
                this.num++;
            }
        },
        delimiters:['${','}']
      })
    </script>
  </body>

官网也有介绍: 在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

庚中

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Vue选项之delimiters修改插值符

有时候我们使用"{{内容}}",当后台的插值符跟现有的插值符有冲突时,这时就要改变我们的插值符,操作如下: <body> <div id="app">  ${num} <p><button @click="add">ADD</b...
复制链接

扫一扫