Vujs响应接口
Vue可以添加数据动态响应接口。例如以下实例，我们通过使用watch属性来实现数据的监听，watch属性来实现数据的监听，watch属性来实现数据的监听，watch必须添加在Vue实例之外才能实现正确的响应。实例中通过点击按钮计数器会加setTimeout设置10秒后计算器的值加上20。
计数器: {{ counter }}
Vue不允许在已经创建的实例上动态添加新的根级响应式属性。Vue不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。如果我们需要在运行过程中实现属性的添加或删除，则可以使用全局Vue，Vuset和Vudelete方法。
Vuset
Vuset方法用于设置对象的属性，它可以解决Vue无法检测添加属性的限制，语法格式如下：
参数说明：target:可以是对象或数组key:可以是字符串或数字value:可以是任何类型
计数器: {{ products.id }}
在以上实例中，使用以下代码在开始时创建了一个变量myproduct：
var myproduct = {'id':1, name:'book', 'price':'20.00'};
该变量在赋值给了Vue实例的data对象：varvm=newVue({el:‘#app’,data:{products:myproduct}});如果我们想给myproduct数组添加一个或多个属性，我们可以在Vue实例创建后使用以下代码：
vm.products.qty = '1';
查看控制台输出：如上看到的，在产品中添加了数量属性qty，但是get/set方法只可用于id，name和price属性，却不能在qty属性中使用。我们不能通过添加Vue对象来实现响应。Vue主要在开始时创建所有属性。如果我们要实现这个功能，可以通过Vuset来实现：
计数器: {{ products.id }}
从控制台输出的结果可以看出get/set方法可用于qty属性。
Vudelete用于删除动态添加的属性语法格式：Vudelete(target,key)参数说明：target:可以是对象或数组key:可以是字符串或数字
计数器: {{ products.id }}
文章为作者独立观点，不代表股票交易接口观点
股民评论