資訊專(zhuān)欄INFORMATION COLUMN
摘要：一前言概述前言最進(jìn)剛剛了解了前端的三大框架，簡(jiǎn)單談?wù)剬?duì)三大框架的認(rèn)識(shí)對(duì)于，目前在國(guó)內(nèi)十分受歡迎，國(guó)外還是比較喜歡其他框架，國(guó)內(nèi)也有許多公司使用。了解一門(mén)框架首先知道為什么產(chǎn)生，框架是什么樣是東西，為什么需要用到他以及如何正確用好它。
一、前言概述
前言：最進(jìn)剛剛了解了前端的三大框架vue、angular、react，簡(jiǎn)單談?wù)剬?duì)三大框架的認(rèn)識(shí)；
對(duì)于vue，目前在國(guó)內(nèi)十分受歡迎，國(guó)外還是比較喜歡其他框架，react國(guó)內(nèi)也有許多公司使用。了解一門(mén)框架首先知道為什么產(chǎn)生，框架是什么樣是東西，為什么需要用到他以及如何正確用好它。
vue是一個(gè)漸進(jìn)式的框架：漸進(jìn)式就是不需要使用vue提供所有的功能，比如任何一個(gè)html文件只需要引入vue.js文件就可以使用vue的功能（vue有哪些功能，等下一一介紹），引入vue.js文件就相當(dāng)于為該html文件中添加一個(gè)Vue對(duì)象；
Vue對(duì)象：Vue對(duì)象中包含兩個(gè)部分（1）Vue()構(gòu)造函數(shù)，可以通過(guò)該方法生成無(wú)數(shù)個(gè)Vue的實(shí)例;(2)prototype原型對(duì)象：該對(duì)象中存在許多個(gè)實(shí)例方法，也即Vue的任何一個(gè)實(shí)例都可以使用原型對(duì)象中方法
vue的實(shí)現(xiàn)的原理：采用的是MVVM設(shè)計(jì)模式實(shí)現(xiàn)三部分：
model：模型中存儲(chǔ)的都是數(shù)據(jù)
view ：視圖中顯示數(shù)據(jù)
modelview：實(shí)現(xiàn)業(yè)務(wù)邏輯處理
兩大核心系統(tǒng)：監(jiān)聽(tīng)系統(tǒng)與虛擬DOM樹(shù)
監(jiān)聽(tīng)系統(tǒng)：vue框架為model（也即就是下方代碼中data中的數(shù)據(jù)）中的變量都添加了一對(duì)get/set方法，有點(diǎn)類(lèi)似es5中的訪問(wèn)器屬性【訪問(wèn)器屬性不能直接定義，要通過(guò)Object.defineProperty()這個(gè)方法來(lái)定義?！?，當(dāng)試圖修改model中的數(shù)據(jù)時(shí)，vue自動(dòng)調(diào)用set方法，獲取數(shù)據(jù)時(shí)，又自動(dòng)調(diào)用get方法
虛擬DOM樹(shù)：當(dāng)試圖修改model中的數(shù)據(jù)時(shí)，此時(shí)虛擬DOM樹(shù)要做的事就是遍歷虛擬DOM樹(shù)找出視圖中綁定該數(shù)據(jù)的部分，并且更新真實(shí)DOM樹(shù)（前提：該DOM樹(shù)必須被監(jiān)視（如下方的代碼中：el:"#app"）,也即就是只有在id為app的節(jié)點(diǎn)下的節(jié)點(diǎn)被監(jiān)視
//代碼：
var vm = new Vue({
el:"#app",
data:{
uname:"field",
age:20
},
methods:{
}
})
未完待續(xù)（第一次寫(xiě)文章給自己看的）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108652.html
摘要：通過(guò)點(diǎn)擊事件來(lái)更換不同的值和文章內(nèi)容。文章排版整潔，注意詩(shī)游戲玩轉(zhuǎn)簡(jiǎn)書(shū)的第一步，從這個(gè)專(zhuān)題開(kāi)始。專(zhuān)題主編蘇錦年投稿須知本專(zhuān)題收錄古詩(shī)詞現(xiàn)代詩(shī)以及詩(shī)詞點(diǎn)評(píng)及指導(dǎo)。內(nèi)容必須為原創(chuàng)，切勿用其他詩(shī)人的詩(shī)句。 接著上一篇我們接著講,關(guān)于這個(gè)網(wǎng)站的專(zhuān)題頁(yè)面和2015精選頁(yè)面，如果有小伙伴沒(méi)看過(guò)上一篇文章，這里附上上一篇文章的的鏈接基于Vue,Vue-router,Vuex的簡(jiǎn)書(shū)網(wǎng)站模仿這里是網(wǎng)站的...
摘要：前言本文講解如何在項(xiàng)目中使用來(lái)搭建并開(kāi)發(fā)項(xiàng)目，并在此過(guò)程中踩過(guò)的坑。具有類(lèi)型系統(tǒng)，且是的超集，在年勢(shì)頭迅猛，可謂遍地開(kāi)花。年將會(huì)更加普及，能夠熟練掌握，并使用開(kāi)發(fā)過(guò)項(xiàng)目，將更加成為前端開(kāi)發(fā)者的優(yōu)勢(shì)。 showImg(https://segmentfault.com/img/remote/1460000018720573); 前言 本文講解如何在 Vue 項(xiàng)目中使用 TypeScript...
摘要：感謝王下邀月熊分享的前端每周清單，為方便大家閱讀，特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清單系列，并以年月為單位進(jìn)行分類(lèi)，具體內(nèi)容看這里前端每周清單年度總結(jié)與盤(pán)點(diǎn)。 感謝 王下邀月熊_Chevalier 分享的前端每周清單，為方便大家閱讀，特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清單系列，并以年/月為單位進(jìn)行分類(lèi)，具...
閱讀 808·2021-10-14 09:43
閱讀 2133·2021-09-30 09:48
閱讀 3456·2021-09-08 09:45
閱讀 1102·2021-09-02 15:41
閱讀 1898·2021-08-26 14:15
閱讀 786·2021-08-03 14:04
閱讀 2985·2019-08-30 15:56
閱讀 3080·2019-08-30 15:52
