vue.js实现数据将更新通过自定义指令

前言

一个文件模块本文代码片段在Vue，即。VUE文件的末尾，描述的只是一个方法，不仅不是唯一的路是不是最好的办法，如果我们有一个更好的消息，大家讨论。

第一步

首先，我们必须首先定义变量：

/ / app.vue

数据（）{
返回{
GetData / 的定义/
GetData：{ }，
自定义指令值绑定的定义
ifupdate：真
}
}

第二步骤

然后使用Ajax，jQuery引入index.html，它可以作为一个整体：

/ / index.html

第三个步骤

然后使用自定义指令，在实例化组件后，自动执行自定义指令中的方法。

组件的实例会立即调用自定义指令initdata首先与初始值ifupdate作为参数。之后的每一个参数值变化的ifupdate，initdata函数将被再次调用，参数是新的价值和ifupdate旧值。

/ / app.vue

在页面节点（自由选择）中绑定自定义指令

/ / app.vue

定义自定义指令
指令：{
initdata:功能（Val，oldval）{
如果（！Val）{
返回；
}
var =；
美元。getJSON（AJAX / JSON 测试。
self.vm.getdata =数据；
}）；
真正的 / /下一ifupdate更新将再次使用上述Ajax获取数据
self.vm.ifupdate = false；
}
}

使用场景描述

用户检查后，刷新检查列表：

首先得到的评论数据，改变ifupdate假

添加评论后，用户将数据返回到背景和变化的ifupdate真实

指令被触发根据ifupdate变化，和数据是退出后台再通过Ajax

拉ifupdate复位错误

总结

以上就是本文的全部内容。希望本文的内容可以帮助你学习或使用vue.js。如果有任何疑问，你可以留言。