Foxtable(狐表) → 用户栏目 → 专家坐堂 → vue脚手架生成的项目如何与foxtable结合


  共有6035人关注过本帖树形打印复制链接

主题：vue脚手架生成的项目如何与foxtable结合
帅哥哟，离线，有人找我吗？
有点蓝
 小大  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106209 积分：540168 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2022/10/31 15:53:00 [显示全部帖子]

不支持webpack，不支持脚手架搭建。只能使用浏览器引用方式使用vue2

 回到顶部
帅哥哟，离线，有人找我吗？
有点蓝
 小大  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106209 积分：540168 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2022/10/31 16:01:00 [显示全部帖子]

新东西，还没有用过，不清楚

 回到顶部
帅哥哟，离线，有人找我吗？
有点蓝
 小大  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106209 积分：540168 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2022/11/1 9:16:00 [显示全部帖子]

一个简单的vue3例子，把附件解压到项目目录里，然后启动服务即可

HttpServer.Close
HttpServer.Prefixes.Add("http://127.0.0.1/")
HttpServer.WebPath = ProjectPath
HttpServer.Start()

 下载信息  [文件大小：   下载次数： ]
图片点击可在新窗口打开查看点击浏览该文件:vue3.zip
 回到顶部
帅哥哟，离线，有人找我吗？
有点蓝
 小大  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106209 积分：540168 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2022/11/1 11:28:00 [显示全部帖子]

单文件模式仅支持脚手架搭建使用。另外vue2和vue3很多用法都不一样，建议先把vue官方文档至少完全看3遍，网上找其它视频学学。这种东西不是像Foxtable里抄帮助改改就能用的。

  <body>
    <div id="app"></div>
    <script type="module" setup>
      import { createApp } from "vue";
      import MyComponent from "./src/app.js";
      const App = {
        components: {
          MyComponent,
        },
        template: "<MyComponent></MyComponent>",
      };
      const app = createApp(App);
      app.mount("#app");
    </script>
  </body>
</html>
 回到顶部
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.03711 秒, 6 次数据查询