首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >混搭VFP和VUE,VUE指令的应用

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

作者头像
加菲猫的VFP
发布2022-10-27 10:26:34
5000
发布2022-10-27 10:26:34
举报
文章被收录于专栏:加菲猫的VFP加菲猫的VFP

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-05-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 加菲猫的VFP 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • v-if v-else v-show指令
  • v-if状态
  • v-show状态
  • 对象数组
  • v-text v-html
  • VUE方法
    • Load
      • init
        • QUERYUNLOAD
          • Destroy
            • Unload
            相关产品与服务
            容器服务
            腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档