首頁  >  文章  >  web前端  >  vue基礎入門

vue基礎入門

巴扎黑
巴扎黑原創
2017-07-21 09:16:501743瀏覽

Vue.js是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。

Vue 的核心函式庫只專注於視圖層,它不僅易於上手,還便於與第三方函式庫或既有專案整合。

另一方面,當與單一檔案元件和 Vue 生態系統支援的程式庫結合使用時,Vue 也完全能夠為複雜的單頁應用程式提供驅動程式。

如果你對angular有所了解,那麼你學起vue一定會非常容易。

因為一方面你對angular有所了解相必你就有一定你前端基礎了吧,另一方面就是angular是外國人開發的而我們的vue是根據angular開發的

並且是我們中國人開發的,相必中國人更了解國人的程式設計習慣吧。

下面就讓我們一起來學習vue吧!

首先我們要引入vue.js文件,

我們開啟vue的模式跟angular有所不同,我們開啟vue的模式就是new Vue()

提示一下V是大寫呦`

我們這個物件裡面傳入的是一個json

new Vue({
     el:"#app",
      data:{
             mag:"supper hero"   }
        })

html程式碼:

<div id="app">{{mag}}</div>

########################################################這樣一個簡單的數據展示就完成了。 ###

以上是vue基礎入門的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn