dabocaiqq 2018-06-13 06:47 采纳率: 63.3%
浏览 1066
已采纳

用原生js是如何实现使用 {{data}}方式 输出

vue.js使用 {{data}}方式 输出,是什么原理?
用原生js是如何实现的?

  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2018-06-13 07:06
    关注

    js直接正则替换就行了吧,vue应该也是分析出此类标签后执行替换

     <div id="div1"> {{data}},姓名:{{name}},年龄:{{age}}</div>
    <script>
        var data = { data: "123", name: "csdn", age: "xxoo" }
        div1.innerHTML = div1.innerHTML.replace(/\{\{([\s\S]+?)\}\}/g, function ($0,$1) {return data[$1]||'' })
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥50 汇编语言除法溢出问题
  • ¥65 C++实现删除N个数据列表共有的元素
  • ¥15 Visual Studio问题
  • ¥15 state显示变量是字符串形式,但是仍然红色,无法引用,并显示类型不匹配
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波