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>
相关推荐
Timo来了3 小时前
indexDB的用法示例
前端
泉城老铁3 小时前
springboot实现word转换pdf
vue.js·后端
walking9573 小时前
重新学习前端之设计模式与架构
前端·javascript·面试
walking9573 小时前
重新学习前端之TypeScript
前端·javascript·面试
walking9573 小时前
重新学习前端之Linux
前端·vue.js·面试
walking9573 小时前
重新学习前端之CSS
前端·vue.js·面试
walking9573 小时前
重新学习前端之Git
前端·vue.js·面试
walking9573 小时前
重新学习前端之小程序
前端
魔术师Grace3 小时前
AI让我退化成原始人了
前端·程序员
铁皮饭盒3 小时前
今天你会学到这些关键词
前端·后端