使用axios获取数据并渲染到HTML页面

第一种：

   比较常见的就是直接把字符串拼接，然后插入到元素中。

 

var html='' + data.num + '' + data.floor + '' + data.name + '' + data.money + ''

elem[removed]=html；

   第二种：

   与第一种大致，先创建对象，然后添加到外层对象中

node=document.createElement("LI" textnode=document.createTextNode("Water""myList").appendChild(node)

  第三种：

  可以用网上mvvm框架，数据绑定比如：angular ,vue等 这里不举例子了 哈哈

  第四种：

  模板的比如 (template.js)

[removed]            var viewCommand = function() {                var tpl = {

product: ["",                        "",                        "<>{#>",                        ""

].>",                        "<>",                        &#>{#>&#>{#>&#>",                        "",

].>

<>

您好，如果您的HTML页面不在src文件夹里，您可以使用Axios来发送HTTP请求。Axios提供了一个简单的API，可以让您发送XMLHttpRequests（XHR），以获取数据，更新页面，发送数据等。您可以使用Axios来发送GET，POST，PUT，DELETE等请求，以获取您想要的数据。您可以通过Axios来发送请求，以获取HTML页面，并将其显示在您的网页上。

现在我们通过webpack+vue-cli搭建起了一个vue项目的框架，如果我们需要在vue组件中使用axios向后台获取数据应该怎么办呢？

通常情况下，我们搭建好的项目目录应该是这样子的

首先需要安装axios，这个会npm的都知道

下一步，在main.js中引入axios

import axios from "axios"

与很多第三方模块不同的是，axios不能使用use方法，转而应该进行如下 *** 作

Vue.prototype.$axios = axios

接着，我们就可以在App.vue中使用axios了

created:function(){ this.$axios.get("/seller",{"id":123}).then(res=>{ console.log(res.data)})}

---