解構: 1：用vue官方腳手架生成基本框架 2：安裝vue-router element 3:導入vue-router和elementui 4:view/router/index.vue 重定向: 1:路徑,包含name的對象,返回路徑 ...

為什么需要Composition API ? 主要原因：當一個組件的變得邏輯復雜的時候，痛點：多種邏輯代碼被分散到組件的各個部分，比如代碼的相關邏輯可能會在 data: {. ...

關於Vue插槽，只用過最簡單的語法，現在完整地走一遍官方文檔說明，並且探索更多用法。 01.如果組件中沒有包含一個<slot>元素，則該組件起始標簽和結束標簽之間的任何內容都會被拋棄。 02.父級模板里的所有內容都是在父級作用域中編譯的；子模板里的所有內容都是在子 ...

前言 本文非vue教程，僅為學習vue過程中的個人理解與筆記，有說的不正確的地方歡迎指正討論 1、computed計算屬性函數中不能使用vm變量 在計算屬性的函數中，不能使用Vue構造函數返回的vm變量，因為此時vm還未返回，依然處於Vue內部構造函數過程中，遂只能使用this來代替vm ...

前言 今天花一天時間閱讀完Vue Router的官方文檔的基礎部分，簡單的做一下總結和記錄 Vue Router是什么 Vue Router 是 Vue.js 官方的路由管理器，用於構建單頁應用(SPA)。地址欄url的變化並不會去發請求去服務器取新的頁面，而是按需加載局部組件，看起來就像無 ...

VUE是什么就不說了，說白了，就是一對象，直接上干貨 Vue對象解析： 1，對象屬性 　　data、el、options、watch、computed 2，對象方法 　　生命周期之鈎子函數 3，對象實例訪問和調用屬性和方法 　　A:實例屬性調用：$options、$el ...

常用插件:live server ESLint vetur 安裝node.js 【官網下載，安裝即可】 一.准備工作 1. 安裝cnpm；安裝webpack；安裝webpack-cli；安裝vue/cli 2.安裝vue 3.創建項目 ...

在Vue3.0中創建響應式數據需要引用ref，reactive這兩個方法，ref一般用來創建基本數據類型的響應式數據，reactive一般用來創建引用數據類型的響應式數據。 在模板中使用，跟之前沒有區別，需要注意的是，ref屬於將基本類型數據包裝成應用類型，在模板中正常使用。在方法中 ...