vue基本知识回顾 | this.$http.get 和 this.$http.post传参 / created与mounted区别 / 富文本解析
vue中this.$http.get 和 this.$http.post传参 / vue中created与mounted区别 / vue中富文本解析 打包运行
·
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
//在项目为文件夹下运行该命令
更多推荐
已为社区贡献1条内容
所有评论(0)