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>
相关推荐
用户7227868123445 分钟前
Vue2中能否实现输入中文自动转化为拼音, 且不带音调
vue.js
1024肥宅7 分钟前
工程化工具类:模块化系统全解析与实践
前端·javascript·面试
软件技术NINI8 分钟前
如何学习前端
前端·学习
weixin_422555429 分钟前
ezuikit-js官网使用示例
前端·javascript·vue·ezuikit-js
鱼鱼块13 分钟前
从零搭一个 Vue 小家:用 Vite + 路由轻松入门现代前端开发
vue.js·面试·前端框架
梓仁沐白19 分钟前
CSAPP-Attacklab
前端
郑州光合科技余经理36 分钟前
海外国际版同城服务系统开发:PHP技术栈
java·大数据·开发语言·前端·人工智能·架构·php
Access开发易登软件44 分钟前
Access开发实战:绘制漏斗图实现业务转化分析
数据库·信息可视化·html·vba·图表·access
一行注释1 小时前
前端数据加密:保护用户数据的第一道防线
前端
running up1 小时前
Java集合框架之ArrayList与LinkedList详解
javascript·ubuntu·typescript