當前位置：首頁 > 前端技术 > vue >内容正文

vue

vue.js快速入门

發布時間：2023/12/10 vue 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 vue.js快速入门小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

首先到官網下載：js依賴項。
根據需求，選擇【開發環境】或者【生產環境】中的一個即可
開發環境：https://cdn.jsdelivr.net/npm/vue/dist/vue.js
生產環境：https://cdn.jsdelivr.net/npm/vue
說明：
開發環境是用于開發中使用，具有語法預警功能
生產環境是用于正式發布項目的時候，生成環境的體積小

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Vue demo</title><script type="text/javascript" src="js/vue.min.js"></script> </head> <body><div id="myVue">{{name}}</div><script>/* ② 定義Vue全局變量*/var app = new Vue({/* ③ 通過id綁定 */el:"#myVue",data:{"name":"helloWord"}});/*也可以直接調用 app.name 顯示值*/console.debug(app.name);</script> </body> </html>

結果：

總結

以上是生活随笔為你收集整理的vue.js快速入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： spring技术内幕——深入解析spri
下一篇： html5倒计时秒杀怎么做,vue 设