VUE學習之路(一)--- 初識VUE

一、初識VUE

資料來源:vue官網(wǎng)API文檔

安裝:同一般JS組件安裝抓半,引用CDN喂急、或者引用其js文件

兼容性:Vue?不支持?IE8及以下版本,因為 Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性廊移。但它支持所有兼容 ECMAScript 5的瀏覽器探入。

二懂诗、基礎語法(散裝梳理)

var vm = new Vue({})

demo:

new Vue({

????el: "#vue-app",

????data: {

????????name: "Vue",

????????isButtonDisabled: true,?

????????number:1,

????????ok:true,

????????message:"1234"

????},

????methods: { greet: function () { return "hello VUE"; } } });

// el? 綁定元素

// data 是Vue實例的數(shù)據(jù)對象。Vue將會遞歸將data的屬性轉(zhuǎn)換為getter/setter殃恒,從而讓data屬性能響應數(shù)據(jù)變化

// method 綁定事件

/**

*其他屬性:

* computed: 計算屬性函數(shù)computed將被混入到Vue實例中。所有getter和setter的this上下文自動地綁定為Vue實例

* watch: 提供了一種通用的方式來觀察和響應Vue實例上的數(shù)據(jù)變動:watch屬性离唐。watch屬性是一個對象,鍵是需要觀察的表達式亥鬓,值是對應回調(diào)函數(shù),回調(diào)函數(shù)得到的參數(shù)為新值和舊值嵌戈。值也可以是方法名,或者包含選項的對象熟呛。Vue實例將會在實例化時調(diào)用$watch(),遍歷watch對象的每一個屬性

*render: (h)=>{h(App)}, //DOM成員(3/3)字符串模板的代替方案庵朝,允許你發(fā)揮 JavaScript 最大的編程能力

* props? ?props:['counts','ids'], 用于父子組件的eventbus傳值,是數(shù)組或?qū)ο蟪ザ蹋琾rops的成員是子組件接收的來自父組件的數(shù)據(jù)

*propsData? 沒用過。創(chuàng)建實例時傳遞 props昔逗。主要作用是方便測試 filters //資源(1/3)

*filters('filterName',(input,function(){ return newvalue })) 包含 Vue 實例可用過濾器的哈希表。

* directives? ?包含 Vue 實例可用指令的哈希表婆排。

* components? ?(即該組件的子實例)這里是包含 Vue 實例可用組件的哈希表。

* name /? 允許組件模板遞歸地調(diào)用自身段只。注意,組件在全局用 Vue.component() 注冊時赞枕,全局 ID 自動作為組件的 name

* parent? 指定已創(chuàng)建的實例之父實例,在兩者之間建立父子關系炕婶。子實例可以用 this.$parent 訪問父實例,子實例被推入父實例的 $children 數(shù)組中柠掂。

* mixins? mixins 選項接受一個混合對象的數(shù)組。Mixin鉤子按照傳入順序依次調(diào)用,并在調(diào)用組件自身的鉤子之前被調(diào)用

* extends? ?允許聲明擴展另一個組件涯贞。這主要是為了便于擴展單文件組件。這和 mixins 類似宋渔,區(qū)別在于,組件自身的選項會比要擴展的源組件具有更高的優(yōu)先級傻谁。

* delimiters? 改變純文本插入分隔符。

* functional? ?使組件無狀態(tài)(沒有 data )和無實例(沒有 this 上下文)审磁。他們用一個簡單的 render 函數(shù)返回虛擬節(jié)點使他們更容易渲染。??

*/


其指令與angularjs指令類似


?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末态蒂,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子钾恢,更是在濱河造成了極大的恐慌,老刑警劉巖瘩蚪,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異崩哩,居然都是意外死亡,警方通過查閱死者的電腦和手機邓嘹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進店門险胰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人起便,你說我怎么就攤上這事窖维。” “怎么了陈辱?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵奖年,是天一觀的道長。 經(jīng)常有香客問我陋守,道長,這世上最難降的妖魔是什么水评? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮寇甸,結果婚禮上,老公的妹妹穿的比我還像新娘疗涉。我一直安慰自己,他們只是感情好咱扣,可當我...
    茶點故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著沪铭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪杀怠。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天驮肉,我揣著相機與錄音,去河邊找鬼离钝。 笑死,一個胖子當著我的面吹牛卵渴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播鲤竹,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼昔榴,長吁一口氣:“原來是場噩夢啊……” “哼碘橘!你這毒婦竟也來了?” 一聲冷哼從身側響起痘拆,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎吐葵,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桥氏,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年凤藏,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片揖庄。...
    茶點故事閱讀 39,739評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡刃跛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出桨昙,到底是詐尸還是另有隱情检号,我是刑警寧澤齐苛,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站凹蜂,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏阁危。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一擂煞、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧趴乡,春花似錦蝗拿、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至俗批,卻和暖如春俗或,著一層夾襖步出監(jiān)牢的瞬間岁忘,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工干像, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留驰弄,地道東北人麻汰。 一個月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓五鲫,卻偏偏與公主長得像,于是被迫代替她去往敵國和親位喂。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,647評論 2 354

推薦閱讀更多精彩內(nèi)容