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>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 三菱伺服电机按启动按钮有使能但不动作
- ¥20 为什么我写出来的绘图程序是这样的,有没有lao哥改一下
- ¥15 js,页面2返回页面1时定位进入的设备
- ¥200 关于#c++#的问题,请各位专家解答!网站的邀请码
- ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
- ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
- ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
- ¥20 腾讯企业邮箱邮件可以恢复么
- ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
- ¥15 错误 LNK2001 无法解析的外部符号