vue入門筆記體系（三）vue數(shù)據(jù)綁定

趙連江發(fā)布于2019-08-23 10:34 / 628人閱讀

摘要：數(shù)據(jù)綁定簡單數(shù)據(jù)綁定已續(xù)命簡單運(yùn)算符可以調(diào)用原生全局變量，但不可以調(diào)用自己定義的全局變量綁定內(nèi)容綁定屬性數(shù)據(jù)綁定事件喜綁定根據(jù)來是否添加類名對象形式根據(jù)來是否添加類名，數(shù)組形式根據(jù)來是否添加類名，數(shù)組和對象結(jié)合根據(jù)來是否添加類名，數(shù)

vue數(shù)據(jù)綁定 簡單數(shù)據(jù)綁定


  已續(xù)命{{count}}
    {{isActive?"active":""}} //簡單運(yùn)算符
    {{Date.now()}} //可以調(diào)用原生js全局變量，但不可以調(diào)用自己定義的全局變量
     //綁定html內(nèi)容
        //綁定屬性數(shù)據(jù)
    //綁定事件

class&style綁定


    //根據(jù)isActive來是否添加active類名,對象形式
    //根據(jù)isActive來是否添加active類名，數(shù)組形式
    //根據(jù)isActive來是否添加active類名，數(shù)組和對象結(jié)合
    //根據(jù)isActive來是否添加active類名，數(shù)組和對象結(jié)合

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/96476.html

相關(guān)文章

vue入門筆記體系（五）vue指令

摘要：指令指令帶有前綴，以表示它們是提供的特殊特性。添加事件偵聽器時(shí)使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時(shí)才觸發(fā)回調(diào)。差別在哪里將特性名轉(zhuǎn)換為從開始支持語法糖，會擴(kuò)展成一個(gè)更新父組件綁定值的偵聽器。 vue指令指令帶有前綴 v-，以表示它們是 Vue 提供的特殊特性。 v-text {{msg}} v-html //渲染HTML文本，更新元素的 innerHTML 。注意：內(nèi)...

myshell 2019-08-23 10:36 評論0 收藏0
vue入門筆記體系（二）vue生命周期

摘要：此時(shí)還未有選項(xiàng)鉤子函數(shù)和間的生命周期完成后，會有一個(gè)判斷過程，判斷對象是否有選項(xiàng)。鉤子函數(shù)和鉤子函數(shù)間的生命周期當(dāng)發(fā)現(xiàn)中的數(shù)據(jù)發(fā)生了改變，會觸發(fā)對應(yīng)組件的重新渲染，先后調(diào)用和鉤子函數(shù)。和鉤子函數(shù)間的生命周期鉤子函數(shù)在實(shí)例銷毀之前調(diào)用。 vue生命周期這是vue生命周期的圖示具體內(nèi)容：showImg(https://segmentfault.com/img/bV4xju?w=1200&...

scola666 2019-08-23 10:30 評論0 收藏0
vue入門筆記體系（一）vue實(shí)例

摘要：就是實(shí)例中的對象當(dāng)前組件接收到的對象。當(dāng)前組件數(shù)的根實(shí)例如果當(dāng)前實(shí)例沒有父實(shí)例，此實(shí)例將會是其自己當(dāng)前實(shí)例的直接子組件。 vue實(shí)例每個(gè) Vue 應(yīng)用都是通過用 Vue 函數(shù)創(chuàng)建一個(gè)新的 Vue 實(shí)例開始的： var vm = new Vue({ // 選項(xiàng) }) 當(dāng)創(chuàng)建一個(gè) Vue 實(shí)例時(shí)，你可以傳入一個(gè)選項(xiàng)對象。作為參考，你也可以在 api/#選項(xiàng)-數(shù)據(jù) 文檔中瀏覽完整的選...

microelec 2019-08-26 17:42 評論0 收藏0
vue入門筆記體系（六）vue組件

摘要：更推薦用和實(shí)現(xiàn)父子組件通信創(chuàng)建實(shí)例此時(shí)打印出組件繼承使用基礎(chǔ)構(gòu)造器，創(chuàng)建一個(gè)子類。包含組件選項(xiàng)的對象創(chuàng)建構(gòu)造器創(chuàng)建實(shí)例，并掛載到一個(gè)元素上。該對象包含可注入其子孫的屬性。和綁定并不是可響應(yīng)的。組件注冊關(guān)于組件名： *組件名可以是kebab-case (短橫線分隔命名)或者PascalCase (駝峰式命名) 當(dāng)使用 kebab-case (短橫線分隔命名) 定義一個(gè)組件時(shí)，你也必...

Neilyo 2019-08-29 16:23 評論0 收藏0
vue入門筆記體系（六）vue組件

摘要：更推薦用和實(shí)現(xiàn)父子組件通信創(chuàng)建實(shí)例此時(shí)打印出組件繼承使用基礎(chǔ)構(gòu)造器，創(chuàng)建一個(gè)子類。包含組件選項(xiàng)的對象創(chuàng)建構(gòu)造器創(chuàng)建實(shí)例，并掛載到一個(gè)元素上。該對象包含可注入其子孫的屬性。和綁定并不是可響應(yīng)的。組件注冊關(guān)于組件名： *組件名可以是kebab-case (短橫線分隔命名)或者PascalCase (駝峰式命名) 當(dāng)使用 kebab-case (短橫線分隔命名) 定義一個(gè)組件時(shí)，你也必...

niuxiaowei111 2019-08-23 10:57 評論0 收藏0