Vue學習筆記3 Vue外掛程式

2021-09-22 05:54:43 字數 482 閱讀 1563

ref在dom上獲取的是原生dom物件

ref在元件上獲取的是元件物件

$refs 獲取元件內的元素

$parent 獲取當前元件物件的父元件

$children 獲取子元件

$root 獲取new vue的例項

$el 元件物件的dom元素

前端路由

前端框架vue/angular/react都適合開發單頁應用

將配置好的路由物件交給vue

留坑(使用元件)

path方式配置引數

總結書寫**注意事項

案例 **思想

router-view的細分

每乙個坑挖好了,要對應單獨的元件

路由鉤子

跳到指定的錨點,並顯示頁面this.$router.push(, params : });配置規則根據歷史記錄,前進或後退

3 Vue單檔案元件

1.問題 單檔案元件的組成結構 建議為每個style都新增乙個scoped的指令,從而防止元件樣式之間的衝突問題,保證每個元件的樣式都是自己私有的,不會影響到其他的元件1 執行 npm i vue loader vue template compiler d命令 2 在webpack.config....

(3)Vue 元件傳值

父子元件之間的通訊 props down,events up 1 父元件向子元件傳遞 props down hello.vue 子元件 如圖所示,按鈕顯示的資訊來自父元件 2 子元件向父元件傳遞 events up 子元件通過this.emit 事件名 引數 觸發自定義事件 hello.vue 子元...

vue 簽名外掛程式 Vue筆記(一)

環境搭建 選擇這個ide的原因是因為有很多方便的整合,比如git,本地伺服器啟動等等。我是第一次接觸http server,然後得知需要安裝一下node.js npm等。但是直接在vscode安裝http server,就可以使用。npm install http server g我本地環境 然後在...