Vue基本語法day06

2021-09-19 10:58:26 字數 1103 閱讀 4120

一. 通訊機制

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....