普通用户
网站开发支持使用VUE吗? [复制链接]
网白 发表于 前天 17:32 40 1

Vcn的网站开发能使用Vue吗?试了下好像不行,可能是不会用,希望官方可以出一个例子。

管理员 3小时前

支持,并且使用非常简单,这里以使用 Vue3 演示。

代码示例:

' 定义Vue对象
变量 Vue应用对象

事件 页面加载完毕()    
    ' 首先给要使用VUE的布局设置一个ID,可以为任意布局
    ' 这里我们使用根布局演示
    根布局.ID = "app"
    ' 然后将根布局中上面的按钮和标签的文本设置为,VUE 的数据变量
    标签1.文本 = "{{ msg1 }}"
    按钮1.文本 = "{{ msg2 }}"
    ' 引用VUE的JS文件
    添加JS文件("https://unpkg.com/vue@3/dist/vue.global.js","UTF-8",(文件地址)=>{
        调试输出(文件地址)
        ' Vue.js 文件引入成功后,则可以开始使用
        ' 首先定义一个使用VUE功能的空对象
        变量 应用实现体 = { }
        ' 然后设置对象中自定义的 data 值
        应用实现体.data = 自定义VUE数据值
        ' 然后使用 Vue 创建应用对象
        Vue应用对象 = Vue.createApp(应用实现体)
        ' 最后将 “Vue应用对象” 添加到我们的布局中
        Vue应用对象.mount("#app")
    })
结束 事件

' 返回需要的 data 值
函数 自定义VUE数据值()
    变量 data = { }
    data.msg1 = "嗨,欢迎在VcnStudio中使用Vue.js"
    data.msg2 = "VUE数据按钮文本"
    返回 data
结束 函数

注意事项:

1.单页面使用Vue可以做点小功能,借助AI,但是不推荐过于复杂的功能,因为目前Vue主流开发方式是在 Nodejs 环境中,写好后编译为纯静态的JS程序,因此单页面能用,单不推荐。

2.在轻语言中使用Vue,建议单独绑定指定布局使用,不要直接绑定到根布局,因为Vue会覆盖掉所有的视图事件。

回复
 作者信息
网白
普通用户
专业开发指导服务

响应时间:5分钟

服务方式:官方1对1服务

工作时间:工作日 9:00 - 18:30

专业团队 · 开发指导 · 极速响应


官网 | 基础视频教程 | 在线文档 下载 VcnStudio IDE

© VcnStudio Inc All Rights Reserved

蜀ICP备17024229号