国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

遇見Vue.js——第一個Vue.js程序

wmui / 1063人閱讀

摘要:遇見是什么讀音類似于是一套構建用戶界面的漸進式框架。是一個用于創建交互界面的庫。第一個程序安裝我們可以在的官網上直接下載并用標簽引入。會被注冊為一個全局變量。重要提示在開發時請用開發版本,遇到常見錯誤它會給出友好的警告。

遇見Vue Vue.js是什么

Vue.js(讀音 /vju?/, 類似于 view) 是一套構建用戶界面的 漸進式框架
與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。
Vue 的核心庫只關注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。
另一方面,Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。

Vue.js 的目標

是通過盡可能簡單的 API 實現響應的數據綁定組合的視圖組件。
Vue.js 是一個用于創建 Web 交互界面的庫。它讓你通過簡單而靈活的 API 創建由數據驅動的 UI 組件。

Vue.js的特性

簡潔:
HTML 模板 + JSON 數據,再創建一個 Vue 實例,就這么簡單。

數據驅動:
自動追蹤依賴的模板表達式和計算屬性。

組件化:
用解耦、可復用的組件來構造界面。

輕量:
~24kb min+gzip,無依賴。

快速:
精確有效的異步批量 DOM 更新。

模塊友好:
通過 NPM 或 Bower 安裝,無縫融入你的工作流。

第一個Vue.js程序 安裝

我們可以在 Vue.js 的官網上直接下載 vue.min.js 并用

預覽:https://91jack.github.io/Vue-...

頁面輸出:

第一個Hello Vue代碼詳解

1.將vue.js文件引入到當前頁面


只要將vue.js文件引入頁面,在當前環境就會多出一個全局變量:Vue

2.通過全局構造函數:Vue ,實例化一個Vue應用程序接管的元素(包括所有的子元素)

3.代碼執行流程解析

1.瀏覽器從上到下依次進行解析

瀏覽器對于id=app 的div 內部的 {{message}}不認識,直接作為普通文本渲染到網頁上

2.瀏覽器繼續往后解析執行

發現有一個js外鏈腳本,發起請求進行下載
當當前頁面環境拿到js腳本之后,vue.js就會執行,執行結束,就向全局暴露出了一個對象:Vue

3.當解析執行到咱們自己的Script的時候,開始解析執行咱們自己的代碼

通過 el 屬性 指定 Vue程序 的接管范圍
通過 data 向Vue 實例的應用程序中初始化了一個 message 成員
Vue 程序通過 el 屬性指定id為 #app 的div
開始解析執行 Vue 能識別的語法
{{message}} 在Vue 中被稱為雙花括號插值表達式
在雙括號插值表達式中可以使用 當前元素 所屬Vue程序 接管范圍的data中的數據

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/83400.html

相關文章

  • 程序的初次遇見,使用mpvue搭建模板

    摘要:最后寫一個公用的樣式就可以使用了。現在我們可以愉快的使用其開發了,如果對開發比較熟悉的話,完全遷移過來是沒有問題的。 由于公司業務需求的需要,在這一周需要開發小程序,加急看了下小程序的文檔,發現用其原生來編寫程序不是很順手,公司前端用的技術棧是vue, 詢問了谷哥和度娘發現大部分推薦了 wepy和 mpvue,對比了兩個框架,還是選用了 mpvue, 因為 mpvue 繼承自 vue....

    MangoGoing 評論0 收藏0
  • 最近遇到的前端面試題(2017.03.08更新版)

    摘要:通過管理組件通信通過驅動視圖比較差異進行更新操作作者第七頁鏈接來源知乎著作權歸作者所有,轉載請聯系作者獲得授權。達到無刷新的效果。對象的狀態不受外界影響。對象代表一個異步操作,有三種狀態進行中已完成,又稱和已失敗。 以下問題解釋非本人原創,是根據面試經驗整理后覺得更容易理解的解釋版本,歡迎補充。 一. 輸入url后的加載過程 從輸入 URL 到頁面加載完成的過程中都發生了什么 計算機...

    linkFly 評論0 收藏0
  • 最近遇到的前端面試題(2017.03.08更新版)

    摘要:通過管理組件通信通過驅動視圖比較差異進行更新操作作者第七頁鏈接來源知乎著作權歸作者所有,轉載請聯系作者獲得授權。達到無刷新的效果。對象的狀態不受外界影響。對象代表一個異步操作,有三種狀態進行中已完成,又稱和已失敗。 以下問題解釋非本人原創,是根據面試經驗整理后覺得更容易理解的解釋版本,歡迎補充。 一. 輸入url后的加載過程 從輸入 URL 到頁面加載完成的過程中都發生了什么 計算機...

    Nosee 評論0 收藏0
  • 最近遇到的前端面試題(2017.03.08更新版)

    摘要:通過管理組件通信通過驅動視圖比較差異進行更新操作作者第七頁鏈接來源知乎著作權歸作者所有,轉載請聯系作者獲得授權。達到無刷新的效果。對象的狀態不受外界影響。對象代表一個異步操作,有三種狀態進行中已完成,又稱和已失敗。 以下問題解釋非本人原創,是根據面試經驗整理后覺得更容易理解的解釋版本,歡迎補充。 一. 輸入url后的加載過程 從輸入 URL 到頁面加載完成的過程中都發生了什么 計算機...

    劉東 評論0 收藏0
  • 看一下從 new Vue()開始到頁面看到真實dom都經歷了什么?

    摘要:從開始看運行流程本篇文章不會具體分析很多每個方法內部具體邏輯,只為了研究一下瀏覽器加載文件后以及我后,都調用了哪些方法,這些方法都是做什么的等等。 從 new Vue()開始看vue運行流程 本篇文章不會具體分析很多每個方法內部具體邏輯,只為了研究一下瀏覽器加載vuejs文件后以及我new Vue后,都調用了哪些方法,這些方法都是做什么的等等。以便對vue的執行流程有個大致了解,方便遇...

    hiyayiji 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<