天天看點

vue 嵌套iframe第一次無資料_「Vue 入門系列」第一期,新手快速入門指南,初識 Vue...引言學習 Vue 的先決條件什麼是 Vue?安裝 Vue 與一些基礎知識

引言

Vue 是 JavaScript 開發人員非常喜歡的技術之一,是以,我希望能為那些想學習 Vue 技術的朋友們提供一些簡要的說明,使它形成一個系列,幫助他們邁入 Vue 開發的大門。

vue 嵌套iframe第一次無資料_「Vue 入門系列」第一期,新手快速入門指南,初識 Vue...引言學習 Vue 的先決條件什麼是 Vue?安裝 Vue 與一些基礎知識

學習 Vue 的先決條件

  • 熟悉 HTML 和 CSS ,可以嘗試用它們做一些頁面布局
  • 了解 JavaScript 的基礎知識
  • 對 ES6 的文法和新特性有一定了解
  • 會用 npm 進行全局安裝和項目依賴安裝

什麼是 Vue?

Vue 是一套開源的前端 JavaScript 架構,核心隻關注視圖層,目前非常流行,備受前端開發人員喜愛。Vue 非常容易上手,并且可以和其它第三方庫或現有項目整合使用。

但最讓我感到興奮的特性是 Vue 基于資料驅動視圖,資料變了,視圖就跟着變了。

關于 Vue 的優點和特性相信大家已經了解很多了,更多細節可以移步 Vue 官網檢視。

安裝 Vue 與一些基礎知識

有兩種方式可以在項目中使用 Vue ,我們結合一個示例,展示第一種使用 Vue 的方式,它是最簡單的使用 Vue 的方式。

Vue CDN 方式

試一試

建立一個叫 vue-demo 的目錄,進入目錄,在裡面建立一個 index.html 檔案。這個示例将會在頁面中顯示一句話:“Hello, VueJS!”。

vue 嵌套iframe第一次無資料_「Vue 入門系列」第一期,新手快速入門指南,初識 Vue...引言學習 Vue 的先決條件什麼是 Vue?安裝 Vue 與一些基礎知識

index.html header 部分

vue 嵌套iframe第一次無資料_「Vue 入門系列」第一期,新手快速入門指南,初識 Vue...引言學習 Vue 的先決條件什麼是 Vue?安裝 Vue 與一些基礎知識

index.html body 部分

vue 嵌套iframe第一次無資料_「Vue 入門系列」第一期,新手快速入門指南,初識 Vue...引言學習 Vue 的先決條件什麼是 Vue?安裝 Vue 與一些基礎知識

運作效果

正如代碼中

标簽内所示, 通過

繼續閱讀