元件(重難點)

2022-06-16 17:27:15 字數 2754 閱讀 6188

乙個元件對應 乙個例項

元件 === vue例項 == new vue ( options )

官網 : 元件是可復用的 vue 例項

模組化開發 => 重 業務, 重邏輯 main.js => router.js => handle.js => tool.js

元件化開發 => 重頁面/ui 頭部元件 左側欄元件 主體部分元件

先註冊, 再使用

全域性元件在所有的vue例項中都可以使用

區域性元件在所有的當前例項中可以使用

/**

* 第乙個引數 : 元件名

* 第二個引數 : 是乙個配置物件, 該配置物件與 vue 例項的配置物件幾乎完全相同

*       也就是說: vue例項中用到的配置項,和元件中的配置項幾乎相同

*/vue.component('child', )

// 演示為什麼vue在元件中的資料採用函式,而不是物件

// 原因 : 只想讓元件復用,不想讓資料復用

var component = function() {}

// 使用物件

component.prototype.data =

// 使用函式

component.prototype.data = function()

}var component1 = new component()

var component2 = new component()

component1.data().demo = '8888'

console.log(component2.data().demo) // 456

匯入 : 演示子元件訪問父元件資料,發現報錯

對於元件之間需要相互使用彼此的情況,應該使用元件通訊 機制來解決

元件通訊的三種情況 :

父元件將資料傳遞給子元件(父 -> 子)

子元件將資料傳遞給父元件 (子 => 父)

非父子元件(兄弟元件)

通過屬性, 父元件將要傳遞的資料,傳遞給子元件

child>

子元件通過 props 配置項,來指定要接收的資料

props: ['msg']

​// 以後使用

- 元件內 :  msg

- 事件中 : this.msg

完善 todomvc => 完成 傳值 + 渲染列表頁

父元件中提供乙個方法

pfn(arg) 

通過自定義事件, 父元件將這個方法傳遞給子元件

// 自定義事件 child>

子元件呼叫這個方法( 觸發父元件中傳遞過來的自定義事件 )

// 在鉤子函式裡演示也可以,自己呼叫

created()

完善 todomvc => 完成 傳值 +新增+ 刪除+修改資料+清除完成

所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結:父級 prop 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外改變父級元件的狀態,從而導致你的應用的資料流向難以理解。

vue 是單向的還是雙向的 ??

雙向 (v <=>m)

單向( 元件 與 元件 )

修改父元件傳給子元件的資料

思路 : 把接收過來的資料,儲存到 data 中乙個臨時值 (適用在該元件接收資料只會在當前元件內使用)

vue.component('child', } 

`,data()

},props: ['msg'],

created()

})

完善todomvc => 修改狀態 + 修改任務

官 : 這意味著當你使用 dom 中的模板時,camelcase (駝峰命名法) 的 prop 名不好使了

方式 1 : 全用小寫,不要使用駝峰命名

方式 2 官 : 需要使用其等價的 kebab-case (短橫線分隔命名) 命名:(推薦)

大小寫在 父傳子和 子傳父中的應用 (都是要 帶 - 的)

需求 : 元件 jack ===> 恁弄啥哩 ===> 元件 rose

// 第一步 : 事件匯流排

var bus = new vue()

​// 第二步 : 傳送資料   可在點選事件裡 觸發事件

// 引數1 : 唯一標識 引數2:引數

bus.$emit('todo', '恁弄啥哩?')

​// 第三步 : 接收資料   可在 created 裡 註冊事件

bus.$on('todo', arg => )

的技術難點 抗震支架施工技術重難點

抗震支架施工技術重難點 建築應用的抗震支架範圍比較廣,主要包括建築給水 供暖通風與空調 電氣 燃氣 消防等,直接關係到人民的生命安全和社會的穩定和諧。因此抗震支架的安裝也成為建築施工中的重要環節,總的來說,抗震支架的安裝就是要確保支架與建築構造體之間穩定的銜接。1 工藝流程 測量 錨栓定位 切料 主...

C 重難點知識總結

c 提供了兩種指標運算子,一種是取位址運算子 一種是間接定址運算子 指標是乙個包含了另乙個變數位址的變數,可以把乙個包含了另乙個變數位址的變數說成是 指向 另乙個變數。變數可以是任意的資料型別,包括物件 結構或者指標。取位址運算子 是一元運算子,返回運算元的記憶體位址。例如,如果 var 是乙個整型...

erp 重難點 許可權管理 6

shiro方法內部判斷是否授權,控制 塊的執行 選單可見和不可見 1 不同角色看不同選單的,表設計思路 2 不同角色看不同選單的,表修改思路 資源可訪問和不可訪問 3 shiro,登入後才能訪問特定資源 4 shiro,登入後不同角色可以訪問不同資源 5 shiro,登入後不同角色可以訪問同乙個資源...