支持,并且使用非常简单,这里以使用 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会覆盖掉所有的视图事件。