发表于: 2020-06-09 23:12:57

1 2326


今日完成:

约定:

1.查询多个的列表形式如id=2&id=3&id=4这种数据的形式。

2.如无特殊标注,所有的Post和Put操作都以Application/json 的方式提交,这样适合于复杂的模型。 一些简单的操作应注明    “application/x-www-form-urlencoded”

3.所有的返回字段都包含code和Message,code=0为正常,异常以 code为负表示,前端负责展示错误信息。

4.Rest风格

5./u/代表着是必须登录才可以访问的接口

del() { //删除名称
this.$http.get('delete /a/u/article/' + id).then(result => {
if (result.body.status === 0) {
//删除成功
this.getAllList()
} else {
alert('删除失败')
}
})

}

Vue 可以添加数据动态响应接口

使用 $watch 属性来实现数据的监听

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。

Vue 不能检测到对象属性的添加或删除,最好的方式就是在初始化实例前声明根级响应式属性,哪怕只是一个空值。

如果我们需要在运行过程中实现属性的添加或删除,则可以使用全局 Vue,Vue.set 和 Vue.delete 方法。

Vue.set

Vue.set 方法用于设置对象的属性,它可以解决 Vue 无法检测添加属性的限制,语法格式如下:

Vue.set( target, key, value )

参数说明:

target: 可以是对象或数组

key : 可以是字符串或数字

value: 可以是任何类型

Vue.delete

Vue.delete 用于删除动态添加的属性 语法格式:

Vue.delete( target, key )

参数说明:

target: 可以是对象或数组

key : 可以是字符串或数字


返回列表 返回列表
评论

    分享到