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>
相关推荐
名字还没想好☜18 分钟前
Prometheus 告警实战:写 alerting rules、用 Alertmanager 做路由分组与抑制
运维·前端·javascript·docker·kubernetes·prometheus
郭邯27 分钟前
从零撸了一个 HTML 实体编解码工具,顺便聊聊我和 AI 结对编程的日常
前端
樊小肆34 分钟前
DeepSeeker-Code源码导读12-Hooks四引擎
前端·人工智能·agent
xiaohe060136 分钟前
🤔 v-mortal 是什么?!我只知道 v-model 啊!
vue.js·vite·前端工程化
xm_xm_xm_138 分钟前
TypeScript 7 个 核心特性
前端·typescript
mONESY1 小时前
手把手从零复刻「英文网页 AI 翻译」Chrome 插件(新手向)
javascript
pppiii1 小时前
前端并发请求控制:5 种实现方案完整梳理
前端
郑州光合科技余经理1 小时前
本地生活平台搭建:统一订单表与多后台切换怎么拆
java·开发语言·前端·系统架构·uni-app·php·ai编程
iFlyCai2 小时前
深入理解Flutter:StatefulWidget生命周期全解析(四)
前端·javascript·flutter
xm_xm_xm_12 小时前
Vue 3 项目开发常用操作详细汇总
前端·vue.js