乙個元件對應 乙個例項
元件 === 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,登入後不同角色可以訪問同乙個資源...