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

只要抄代码一百次，你就能混搭VFP和VUE

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