vue學習-01-入門和安裝
阿新 • • 發佈:2021-09-08
vue學習-01-入門和安裝
介紹
Vue是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,Vue 也完全能夠為複雜的單頁應用提供驅動。
安裝
<!-- 開發環境版本,包含了有幫助的命令列警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <!-- 生產環境版本,優化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
測試
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue入門</title> </head> <body> <div id="app"> {{message}} </div> <script src="../js/vue.js"></script> <script> //去掉警告 Vue.config.productionTip = false; const app = new Vue({ el: '#app', data : { message:'hello,vue' } }); </script> </body> </html>