社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > 本地中如何引入vuejs

本地中如何引入vuejs

青灯夜游
發布： 2023-01-11 09:20:07
原創
8762 人瀏覽過

本地中引入vuejs的方法：1、在vue官網下載“vue.min.js”文件到本地；2、在HTML文檔中使用script標籤引入下載好的vue文件即可，語法“ 」。

本地中如何引入vuejs

本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

本地引入vuejs

去官網下載vue.min.js檔案到本地，官網下載位址：https://vuejs.org /js/vue.min.js

然後直接使用script引入本地vue.js檔案即可。

1

<script src="./js/vue.min.js"></script>

登入後複製

在HTML文件中加入程式碼

1

2

3

4

5

6

7

8

9

10

<body>

    <div id="app">{{aaa}}</div>

</body>

<script>

    new Vue({

        el:&#39;#app&#39;,

        data:{

            aaa:&#39;Hello Vue.js !&#39;

        }})

</script>

登入後複製

相關推薦：《vue.js教學》

以上是本地中如何引入vuejs的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
vuejs
上一篇：linux 指令怎麼安裝nodejs 下一篇：nodejs怎麼更改路徑
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
laravel - 如何權衡 Blade 和 VueJS ？
來自於 1970-01-01 08:00:00
0
0
0
javascript - 能不能透過es6的proxy來改寫vuejs呢？
來自於 1970-01-01 08:00:00
0
0
0
javascript - vuejs中有沒有像angularjs過濾器一樣的方法
來自於 1970-01-01 08:00:00
0
0
0
在 PHP 中利用 VueJS 元件
來自於 1970-01-01 08:00:00
0
0
0
VueJS專案中使用eslint-loader時出現TypeError: eslint.CLIEngine不是建構函數
來自於 1970-01-01 08:00:00
0
0
0
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板