Vue在HTML模板中插入JS数据

Time: 20190911

插值方式传递数据

即在HTML中用{{ xxx }}插入在JS中定义的数据。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="https://cdn.jsdelivr.net/npm/vue"></script><!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> 生产环境 -->
</head>
<body><div id="app"><p>Hello {{ greetee }} !</p></div><script>var app = new Vue({el: '#app',data: {greetee: 'world'}})</script>
</body>
</html>

这也和Python Flask中模板语法类似。

END.

Vue在HTML模板中插入JS数据相关推荐

使用itextpdf在pdf模板中插入对应数据
大家好今儿给大家带来的是使用itextpdf在pdf模板中插入对应数据目录大家好今儿给大家带来的是使用itextpdf在pdf模板中插入对应数据 1.需求描述 2.操作Adobe Acrobat ...
java向Word模板中替换书签数据，插入图片，插入复选框，插入Word中表格的行数据，删除表格行数据
java向Word模板中替换书签数据,插入图片,插入复选框,插入Word中表格的行数据,删除表格行数据使用插件:spire.doc 创建工具类,上代码: import com.spire.doc.D ...
php 重复写入数据,完美解决Thinkphp3.2中插入相同数据的问题
问题描述今天在使用TP3.2插入数据的时候,为了避免插入相同的数据(所谓相同的数据,其主键相同或者是唯一索引的字段相同),我创建的索引如下图,主键索引为自增字段,不可能出现重复,即唯一索引可能会出现 ...
vue + iview Table表头中插入图片
vue + iview Table表头中插入图片开发中遇到一个问题,在表头中需要插入一个公式,不想再引入别的插件所以考虑用图片代替正常代码中这样引入图片前端可以正常显示: <img styl ...
c语言数组中插入新数据
数组插入数据在数组的应用中,我们有时会向数组中插入一个数据,而且不打破原来的排序规律,其实数组中的插入数据,就是数据的比较和移动:如果想要弄懂这些方法最好拿笔比划以下,或者debug一下,了解其中的 ...
调用html模板显示数据,通过str_replace（）显示html模板中的数组数据
我正在处理一个PHP类,在这里我用数据替换变量到HTML电子邮件模板文件.它通过将数据替换为"{{first_name}}"这样的字符串.通过str_replace()显示html ...
C语言：向一个有序数组中插入一个数据，并保持数组的有序性。
C语言:向一个有序数组中插入一个数据,保持数组的有序性. #include <stdio.h> //向一个有序数组中插入一个元素,重新实现有序,并输出. int main() {//注意数 ...
vue 在style标签中引入js变量控制样式
START 如果希望元素的样式根据js代码去控制,常见的办法呢,是在元素的style属性绑定变量即可例如 <h3 :style="{ color: colorList[0] }&qu ...
mysql中插入中文数据
今天遇到的问题使mysql中插入中文数据后显示乱码,我在mysql中插入中文的时候,可以插入可是select的时候却无法显示,为此我写下这篇博客用于解决mysql插入中文. 由于有些截图没有记录下来, ...

Vue在HTML模板中插入JS数据

插值方式传递数据

Vue在HTML模板中插入JS数据相关推荐

最新文章

热门文章