在vue.js中，可以使用template给元素添加模板，但是元素中只能有一个根元素，不能出现两个或两个以上的根同级元素。还可以在模板中绑定数据、表达式等。下面利用实例说明如何添加模板，操作如下：
发表日期： 2021-01-25 10:46:31 浏览次数：244
玉田网站制作【玉田企业网站制作】玉田做网站开发价格、玉田微信公众号设计运营、玉田网站设计公司费用、玉田网站推广大概需要多少钱
玉田县，河北省财政直管县， 隶属河北省唐山市，地处河北省东北部，唐山市最西端， 西、北与天津市蓟州区接壤，西南隔蓟运河与天津市宝坻区相望，南界天津市宁河区，东北与遵化市相连。
玉田县古称无终、渔阳，源自古代志怪小说《搜神记》中“阳伯雍无终山种石得玉”的故事。旧石器时代即有人类活动，武则天时，无终县更名玉田县。天宝元年（742年），划出玉田县之东境始建遵化市。 金泰和年间（1201年），又划出县之东境始建丰闰县（丰润区）。截至2020年6月，玉田总面积1170千米，截至2020年6月，玉田县常住人口71.6万（城镇人口38.1万）， 下辖1个街道、16个镇、4个乡。
京秦铁路、大秦铁路、京唐城际铁路、津承城际铁路、北京—抚远公路（102国道）、玉滨公路、塘承高速、长春—深圳高速公路、、京沈高速公路、首都地区环线高速公路、北京—秦皇岛高速公路、京哈高速公路（G1）贯穿玉田全境。
玉田是传统农业大县，素有“冀东粮仓”之称，其中玉田甲鱼和玉田白菜为地理标志保护产品。玉田县属东部大陆性季风气候。北部为燕山余脉，丘陵连绵；中部为山麓平原，土地肥沃，南部为洼地。
在vue.js中，可以使用template给元素添加模板，但是元素中只能有一个根元素，不能出现两个或两个以上的根同级元素。还可以在模板中绑定数据、表达式等。下面利用实例说明如何添加模板，操作如下：
第一步，在已新建的HTML5页面中，引入vue.js文件，并修改title标签内容，如下图所示：
第二步，在<body></body>标签内插入一个div，作为vue对象的挂载点（容器），需要给一个ID属性值，如下图所示：
第三步，利用常量定义方式定义temps，然后实现vue实例化，调用template并赋值temps，如下图所示：
第四步，保存代码并打开浏览器，使用浏览器调试工具查看页面代码，发现模板内容显示在div标签中，如下图所示：
第五步，在temps常量字符串中，添加一个label标签，动态绑定names，查看结果，如下图所示：
第六步，再次保存代码并查看结果，发现出现了编译错误，提示模板只能有一个根元素，如下图所示：
两斤精品黄牛肉 54.28、两斤五花肉 39.84、一斤牛肉丸 14.78…… 除了价格低廉的肉类，你也可以在这里找到 3 块 / 斤的西红柿、2 块 / 斤的红蜜薯、1 块 / 个的猕猴桃。乍一看，你以为你来到了一个 “低价甩卖”的菜市场。实际上，你只是点开了某家社区团购平台的小程序。
玉田网站制作【玉田企业网站制作】玉田做网站开发价格、玉田微信公众号设计运营、玉田网站设计公司费用、玉田网站推广大概需要多少钱
