Vue的本地部署

一,vue的本质

vue本质上就是一个封装好的,庞大的js文件,所以本地部署vue其实就是找到vue.js文件并且拷到本地上后再引入js文件。

二,部署

vue.js下载

整个文件大概一万行代码左右,不要漏了。如果加载不出来完整代码,就查看源代码就可以了

将代码完整拷贝到本地后,检验一下是否可以使用:

记得改一下js引入路径

html 复制代码
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="app">
    <h2>{{msg}}</h2>
  </div>
  <script src="../static/vue.js"></script>
  <script>
    const app = Vue.createApp(
      {
        template: ``,
        data() {
          return {
            msg: "Hello Vue"
          }
        },
        methods: {

        }
      }
    )
    app.mount("#app")
  </script>

</body>

</html>
相关推荐
kyriewen14 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒14 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端
Revolution6115 小时前
React 组件重新渲染时,到底重新执行了什么
前端·react.js·面试
林焱_RPAAI15 小时前
影刀RPA操作数据库进阶:事务处理与批量写入优化
css
林焱_RPAAI15 小时前
影刀RPA技术深度:CSS选择器高级实战指南——伪类属性选择器与性能对比完全解析
vue.js·react.js
用户21816970493017 小时前
Flutter(四)Dart语法 空安全 运算符 流程控制
前端
许彰午17 小时前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务
用户693717500138417 小时前
AI时代,程序员该往哪走?
前端·后端
陳陈陳17 小时前
🚀 前端流式输出革命:SSE + BFF 架构从零到一实战指南
vue.js·架构·node.js
ttwuai17 小时前
GoFrame 后台日志清空失败:无 WHERE 删除为什么被拦住
前端·golang