vue基本知识回顾 | this.$http.get 和 this.$http.post传参 / created与mounted区别 / 富文本解析

Posted 2023-01-06 锋少的技术博客

vue使用this.$http.get 和 this.$http.post传参

get传参方式

this.$http.get('http://localhost:8080/testApi', 
  params: 
    name: "张三",
    phone: "13888888888"
   
).then((res) => 
  console.log('请求完成')
);

post传参方式

this.$http.get('http://localhost:8080/testApi', 
    name: "张三",
    phone: "13888888888"
).then((res) => 
  console.log('请求完成')
);

---

vue中created与mounted区别

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。一般数据请求后赋值操作在次执行。

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

---

vue富文本解析

data() 
    return 
      content: [], //保存后端请求的富文本
    ;
,

created() 
	// 富文本请求并赋值
    this.$http.post('http://localhost:8080/contentApi', ).then((res) => 
      if (res.data.code == 100) 
        this.content = res.data.content;
      
    );
,

// 富文本解析展示
<p v-html="content"></p>

vue项目运行

num run dev
//在项目为文件夹下运行该命令

vue项目打包

num run build
//在项目为文件夹下运行该命令