一. 通訊機制
1. 父傳子:
1.1 通過屬性,父元件將資料傳遞給子元件 :msg = 'pmsg'
1.2 子元件通過 props 配置項,指定一下要接收的資料 props : [ 'msg' ]
2. 子傳父:
2.1 父元件準備乙個方法
methods: }
2.2 通過自定義事件,將方法傳遞給子元件(子元件接收一下)
@fn="pfn"
2.3 觸發這個 fn事件, 等同於呼叫 pfn 方法
created()
3. 非父子
非父子之間傳遞資訊, 通過 `事件匯流排` (event bus)
事件匯流排, 其實就是 空的vue例項
3.1 例項化事件匯流排 const bus = new vue()
3.2 傳送資料 - 觸發事件 bus.$emit('唯一標識',要傳遞的資料)
3.3 接收資料 - 註冊事件 bus.$on('唯一標識', res => )
二. 區域性元件
三. refs
-->
我是p標籤
我是div標籤
---------------
- 使用 :
1. 註冊
// $refs =
// 標籤
哈哈// 元件
1. 注意 : mounted 中使用
// mounted 操作dom
* this.$refs.div
* this.$refs.child
- 注意點 : 如果獲取的是乙個子元件,那麼通過 ref 就能獲取到子元件中的 data 和 methods
this.$refs.child.num
this.$refs.child.fn
- 場景 : 一般在第三方的元件中, 可能會用到這個功能
- 示例 :
- // 元件
哈哈// js
mounted()
四. 路由
我是one
Vue課程學習筆記 day06
0 課調 1 切屏速度較快 2 知識點的過渡 3 上課互動 4 全域性作用域 區域性作用域 塊級作用域 全域性作用域 全域性變數 宣告在函式外部的變數,在其他任意地方都可以呼叫 不使用關鍵字var 區域性作用域 區域性變數 宣告在函式內部的變數,一般只有在函式內部訪問到 塊級作用域 在es6中,使用...
資料探勘 day06
shoot射擊遊戲專案四 1.需求分析 a 將窗體的大小設定為常量 b 畫物件 想畫物件先獲取到,針對每乙個物件都能夠獲取到,獲取到的行為是共有的,設計到父類中 flyingobject每乙個物件得到的行為都是不一樣的,設計了乙個抽象方法 getlmage 在不同狀態下,得到不同的 狀態 設計到父類...
Day06 物件導向
方法回顧public static 方法型別 方法名 變數型別i 變數,變數型別ii 變數,區域性變數沒有變數不會有預設值。物件導向開發 類與物件public class student public void study 區域性變數與成員變數的區別 私有化private this的使用 this....