Vue的高階語法

2022-08-22 17:06:13 字數 756 閱讀 3604

一。元件

把頁面中通用的部分做成元件,減低開發成本

先定義組*****>   再註冊元件  **********=> 再元件通訊

①定義元件

語法:  注意元件中data是乙個函式

// 定義元件

const 元件物件 =

},// 元件屬性

props : ,

// 計算屬性

computed : ,

// 方法

methods : ,

// 監控屬性

watch : ,

// 生命週期鉤子

created ()

};

使用:

擴充套件:對於元件名,有兩種寫法

一種是 :zu-jian

一種是 : zujian 

但是,無論哪種,再使用元件的時候都是用

②註冊元件

分為:全域性元件和區域性元件

全域性元件: vue.component('元件名稱', 元件物件);     可以用在所有的 vue 例項 (new vue) 中。

區域性元件:          只能在當前的vue例項中可以使用。

components :

③元件通訊

第一種:父元件向子元件通訊:----------------通過 prop 向子元件傳遞資料------通過傳遞屬性來進行通訊 (在子元件中定義父元件需要傳遞的屬性)

sass的高階語法

1.變數 sass允許使用變數,所有變數以 開頭 2.引用父元素 這裡 就代表是 a 3.繼承 這樣 class2 就 擁有了class1的所有屬性 4.可以重複使用的 塊 5.混入,呼叫可以重用的 塊 如果你用 mixin定義了 那麼呼叫需要使用 include 引用 6.計算 就是簡單的加減乘除...

vue語法規則 Vue 基本語法

vue 介紹 什麼是vuejs?vue 讀音 vju 類似於 view 漸近式框架 高階功能 解耦檢視和資料 可復用的元件 前端路由技術 狀態管理 虛擬dom 安裝vue 直接cdn引入 npm 安裝 npm install vue 簡單案例 顯示普通資訊 index 編成正規化 宣告式程式設計 d...

3 xpath高階語法 css高階語法

xpath 使用路徑表示式來選取 xml 文件或html文件上的節點或節點集,分別有絕對路徑 相對路徑兩種表達方式。缺點 webdriver會將整個頁面的所有元素進行掃瞄以定位我們所需要的元素,若指令碼中大量使用xpath做元素定位,指令碼的執行速度會變慢 表示式描述 選取當前節點 選取當前節點的父...