Vue 是一種流行的開源 JavaScript 框架,用于創建復雜且響應快速的單頁面應用程序。本文將介紹如何使用 Vue,而不需要使用 Node.js 包管理器(npm)。
首先,您需要從 vuejs.org 下載 Vue。從“下載”。頁面上可用的兩個選項中,我們需要的是“Standalone”版本,這不需要任何依賴項或構建步驟。在下載完后,你可以直接從 CDN 在 HTML 中引入 vue.js。
<html> <head> <script src="https://unpkg.com/vue"></script> </head> <body> <div id="app"></div> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }) </script> </body> </html>
上述代碼創建了一個簡單的 Vue 實例,并將其指定為位于 HTML 中 id 為“app”的元素上。實例的 data 選項包含了一個叫做 message 的屬性。該屬性將被用于渲染 Vue 實例所控制的模板。這里,Vue 模板是在 HTML 內部定義的。
然后運行頁面,你會看到“Hello Vue.js!”的消息輸出。現在,你可以在你的 Vue 應用程序中繼續使用有用的功能,例如指令、組件等。