混搭VFP和VUE,VUE指令的应用

2022-10-27 10:26:34 浏览数 (1)

vue在HTML里面会有一些自定义指令,这些自定义指令,只有一次,就有一种爽感,就好像VFP用猫框一样一样的。

开发环境 后端:VFP9 SP2 7423 祺佑三层开发框架 前端:HBuliderX VUE2.0

v-if v-else v-show指令

主要用于根据条件显示内容。 if 在条件不满足情况下,标签元素不存在。 而v-show只是隐藏

v-if状态

v-show状态

对象数组

v-text v-html

v-text效果等于{{}},但可以避免未编译前的闪现问题,必须用于标签之中 V-html更新为innerHtml,也就是html用这个

VUE方法

跟VFP的click方法一样,Vue也是有各种方法来完成工作。

可以通过methods对象来定义方法,并且使用v-on指令来绑定事件 这样看来跟实现VFP控件的click之类的方法有点像了

v-on可以绑定很多事件

vue的生命周期是什么 很多狐友连VFP的表单的生命周期都不明白,我现在教 表单从生成到销毁的流程如下 (生成) Load init (销毁) QUERYUNLOAD Destroy Unload

Load

LOAD 事件先为表单集发生,然后再为其包含的表单发生。LOAD 事件发生在 Activate 和 GotFocus 事件之前。

要避免表单创建, 从 LOAD 事件中返回假 (.F.); Destroy 事件将不执行。

init

表单的init事件在Load事件之后被触发,对于表单集或其它的容器对象,它所包含的所有对象的 Init 事件在这个容器的 Init 事件之前被触发,所以你可以在容器的 Init 事件中访问被包含的对象。每个被包含对象的 Init 事件发生的次序就是它们被加入到容器时的顺序。

QUERYUNLOAD

QUERYUNLOAD 事件发生在 Destroy 事件之前。调用 QUERYUNLOAD 事件之前应先设置 ReleaseType 属性。

当在代码中执行 CLEAR WINDOWS,RELEASE WINDOWS 或 QUIT 等命令时、当用户双击控件菜单框时,或者当用户从表单的控件菜单中选择执行“关闭”命令时,发生 QUERYUNLOAD 事件。

注意: 当在代码中执行 RELEASE 命令或调用表单的 Release 方法时,不会发生 >QUERYUNLOAD 事件。 在 QUERYUNLOAD 事件过程中执行 NODEFAULT 可以阻止表单卸载。

Destroy

当一个对象被释放时发生。容器对象的 Destroy 事件在它所包含的任何对象的 Destroy 事件之前发生;容器的 Destroy 事件可以在所包含的对象被释放之前引用它们。

Unload

Unload 事件发生在 Destroy 事件和所有包含的对象被释放之后。另外, Unload 的发生取决于对象的类型:

当释放引用表单的对象变量或该表单的表单集时,表单对象以代码形式释放。

当释放引用表单集的对象变量时,表单集对象以代码形式释放。

如果一个容器对象,例如表单集,包含多个对象,则该容器对象的 UNLOAD 事件发生在其所包含的对象的 unload 事件之后。例如,一个表单集中包含一个表单,该表单中包含一个控件(一个命令按钮),释放的顺序如下:

  1. 表单集 Destroy 事件
  2. 表单 Destroy 事件
  3. 命令按钮 Destroy 事件
  4. 表单 Unload 事件
  5. 表单集 Unload 事件

VFP的控件的生命周期也基本同上,少了几个事件而已,比如Load

vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。在组件中具体的方法有: beforeCreate created beforeMount mounted ( beforeUpdate updated ) beforeDestroy destroyed

0 人点赞