使用jQuery的ajax请求获取后台数据： html代码:

首先引入jQuery文件：

(function(){

.ajax({ //要注意路径的完整 url:"http://localhost:3000/tag",type:"GET", success:function(res){ if(res.status===200){ const data=res.data;let html=[]; for (let index = 0; index < data.length; index++) { const element = data[index];html.push(element.text);

(".col-xs-12").append("<span></span>");

(".col-xs-12 span").eq(index).text(html[index]); } } },error:function(err){console.log(err);}}) }) v- 指令在vue中，指令是带有“v-”前缀的特殊特性，作用是：当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM；将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为。对于页面、数据的更为方便的输出。

内容绑定 v-text、v-html v-html 将内容以 html标签的形式渲染到页面（设置元素的 innerHTML），且会覆盖元素中内容。 v-text 将内容以普通文本的形式渲染到页面（设置标签内容 textContent），且会覆盖元素中内容。二者的区别： v-text 指令无论内容是什么，都只会解析成文本；v-html 指令如果内容中有 html 结构，则会自动解析为标签。

{{msg}}123

123

复制代码 var vm = new Vue({ el: "#app", data: { msg:"

h1标签

", } })

1214

h1标签