vue基礎知識——進階二

一隐锭、vue引入組件和方法的區(qū)別
- 引用組件:import  split   from '../../split/split.vue';
- 引用方法:import  {formatDate}   from '../../../common/js/data';
二、v-bind 和 v-on的區(qū)別
- v-bind是用于響應式的更新HTML       簡寫:  :herf=''
- v-on 是用于監(jiān)聽DOM事件的           簡寫:  @click=''
三计贰、計算屬性computed和方法methods的區(qū)別

同一函數(shù)定義為一個方法钦睡,或者是寫在屬性里面 得到的結果都是一樣的。

不同的是:

- 計算屬性:是基于他們的依賴進行緩存的躁倒,如果依賴的變量未發(fā)生改變荞怒,那么他不會重新求值
- 方法里面:只要觸發(fā)重新渲染,總會執(zhí)行函數(shù)
四秧秉、v-if 和 v-show的區(qū)別
- v-if :是“真正”的條件渲染褐桌,因為它會確保在切換過程中條件塊內的事件監(jiān)聽器和子組件適當?shù)乇讳N毀和重建。
- v-if 也是惰性的:如果在初始渲染時條件為假象迎,則什么也不做——直到條件第一次變?yōu)檎鏁r荧嵌,才會開始渲染條件塊。
- v-show 簡單得多——不管初始條件是什么砾淌,元素總是會被渲染啦撮,并且只是簡單地基于 CSS 進行切換。

一般來說汪厨,v-if 有更高的切換開銷赃春,而 v-show 有更高的初始渲染開銷。因此劫乱,如果需要非常頻繁地切換织中,則使用 v-show 較好;如果在運行時條件很少改變衷戈,則使用 v-if 較好狭吼。

五、v-for 循環(huán)json時殖妇,和 for in 循環(huán)json是一樣的搏嗡,有可能會改變他的順序

v-for在遍歷對象時,是按照Object.key()的結果遍歷的拉一,但是不能保證他的結果在不同的JavaScript引擎下是一致的

<li v-for='(index,key,value) in object' :key='index'>
        {{index}}.{{key}}:{{value}}
</li>
data() {
  return {
      object:{
          '3':'第一',
          '1':'第二'旧乞,
          '5':'第三'蔚润,
      }
 }
}
渲染結果
六、v-bind綁定class的時候尺栖,如果class有連接符-嫡纠,要用''引起來
<div class = "static" v-bind:class = "{active:isActive,'text-danger':hasError}"></div>

//也可以綁定一個變量,一個常量
<div v-bind:class = "[{active:isActive}, hasError]"></div> 
七、vue不檢測更新數(shù)組

不檢測更新數(shù)組的情況.jpg

如何更新數(shù)組呢除盏。官網:https://cn.vuejs.org/v2/guide/list.html

八叉橱、vm.$set 和 vue.set 的區(qū)別

vm.$set 實例方法,它只是全局 Vue.set 的別名

九者蠕、Prop是什么

Prop 是你可以在組件上注冊的一些自定義特性窃祝。當一個值傳遞給一個 prop 特性的時候,它就變成了那個組件實例的一個屬性踱侣。

十粪小、Prop大小寫建議

如果你是dom模板,那么需要使用:camelCase(駝峰命名)
props: [‘postTitle'],
在 HTML 中使用 kebab-case 的形式
<blog-post post-title=“hello!"></blog-post>

  • 如果是字符串模板抡句,就無所謂了
  • 子組件傳給父組件的事件最好用 kebab-case(小寫探膊,中間-)
十一、dom模板和字符串模板

??????dom模板就是原先就寫在頁面上的待榔,能被瀏覽器識別的 html 結構逞壁,會在一加載就被瀏覽器渲染,所以要遵循 html 結構和標簽命名锐锣,不然是不會被瀏覽器解析的腌闯,也就獲取不到內容了,接著js獲取 dom 節(jié)點的內容刺下,就形成了 dom 模板绑嘹。
??????字符串模板可能原先放在服務器上啊,script標簽里橘茉,js 的字符串里工腋,原先不參與頁面渲染的一串字符,所以呢 它可以不在乎 html 結構和標簽命名畅卓,只要你最后根據(jù)模板生成內容的結構和命名正確就好擅腰。
??????這兩者其實區(qū)別就在于第一次獲取到的方式不同,dom 模板參與瀏覽器解析翁潘,而字符串模板不參與趁冈,所以 dom 寫起來要規(guī)范,而字符串模板不用拜马。

十二渗勘、全局注冊組件和局部注冊組件

之前面試的時候有個面試官問到了這個問題

  • 全局注冊組件

如果想組件在任何地方都能應用,我們需要注冊全局組件
如果你使用一個像 webpack 這樣的構建系統(tǒng)俩莽,全局注冊所有的組件意味著即便你已經不再使用一個組件了旺坠,它仍然會被包含在你最終的構建結果中。

全局注冊組件.jpg
  • 局部注冊組件

components就是實現(xiàn)局部注冊的屬性

局部注冊組件
十三扮超、.sync修飾符的雙向數(shù)據(jù)綁定

具體使用:https://blog.csdn.net/fabulous1111/article/details/79399696

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末取刃,一起剝皮案震驚了整個濱河市蹋肮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌璧疗,老刑警劉巖坯辩,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異崩侠,居然都是意外死亡漆魔,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進店門啦膜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來有送,“玉大人,你說我怎么就攤上這事僧家∪刚” “怎么了?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵八拱,是天一觀的道長阵赠。 經常有香客問我,道長肌稻,這世上最難降的妖魔是什么清蚀? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮爹谭,結果婚禮上枷邪,老公的妹妹穿的比我還像新娘。我一直安慰自己诺凡,他們只是感情好东揣,可當我...
    茶點故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著腹泌,像睡著了一般嘶卧。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上凉袱,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天芥吟,我揣著相機與錄音,去河邊找鬼专甩。 笑死钟鸵,一個胖子當著我的面吹牛,可吹牛的內容都是我干的涤躲。 我是一名探鬼主播棺耍,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼篓叶!你這毒婦竟也來了烈掠?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤缸托,失蹤者是張志新(化名)和其女友劉穎左敌,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體俐镐,經...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡矫限,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了佩抹。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叼风。...
    茶點故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖棍苹,靈堂內的尸體忽然破棺而出无宿,到底是詐尸還是另有隱情,我是刑警寧澤枢里,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布孽鸡,位于F島的核電站,受9級特大地震影響栏豺,放射性物質發(fā)生泄漏彬碱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一奥洼、第九天 我趴在偏房一處隱蔽的房頂上張望巷疼。 院中可真熱鬧,春花似錦灵奖、人聲如沸嚼沿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽伏尼。三九已至,卻和暖如春尉尾,著一層夾襖步出監(jiān)牢的瞬間爆阶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工沙咏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留辨图,地道東北人。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓肢藐,卻偏偏與公主長得像故河,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子吆豹,可洞房花燭夜當晚...
    茶點故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5鱼的? 答:HTML5是最新的HTML標準理盆。 注意:講述HT...
    kismetajun閱讀 27,489評論 1 45
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)凑阶,斷路器猿规,智...
    卡卡羅2017閱讀 134,672評論 18 139
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容,還有我對于 Vue 1.0 印象不深的內容宙橱。關于...
    云之外閱讀 5,050評論 0 29
  • “小姐姨俩,你可以出院了。孩子的事請你認真考慮师郑』房”醫(yī)生把開好的藥單遞到她手上。 她身上有個錢包宝冕,里面有些零錢张遭。令熊站在...
    籽鹽閱讀 212評論 0 0
  • 最近常聽到一些老鐵說,小簡猬仁,你成長的速度真快帝璧。有的甚至開玩笑說都快趕上火箭了。相比一些牛人來說我還不夠優(yōu)秀湿刽,但是于...
    周小簡閱讀 219評論 2 1