vue資料攔截原理

預覽

var obj={};

var box=document.queryselector("#a");
object.defineproperty(obj,"myname",,
set(value)
})

知識儲備

1.有兩種型別的物件屬性。

第一種是資料屬性。我們已經知道如何使用它們了。到目前為止，我們使用過的所有屬性都是資料屬性。

第二種型別的屬性是新東西。它是訪問器屬性（accessor properties）。它們本質上是用於獲取和設定值的函式，但從外部**來看就像常規屬性。

乙個屬性要麼是訪問器（具有get/set方法），要麼是資料屬性（具有value），但不能兩者都是。

2.訪問器屬性由 「getter」 和 「setter」 方法表示。在物件字面量中，它們用get和set表示：

let obj = ,

set propname(value) 
}

3.訪問器屬性的描述符與資料屬性的不同。

對於訪問器屬性，沒有value和writable，但是有get和set函式。具體區別如下表：

configurable

enumerable

value

writable

get

set

資料屬性描述符

可以可以

可以可以

不可以不可以

訪問器屬性描述符

可以可以

不可以不可以

可以可以

4.描述符預設值彙總

5.object.defineproperty()詳細用法

Vue 路由攔截 http攔截

登入攔截邏輯 第一步 路由攔截 首先在定義路由的時候就需要多新增乙個自定義欄位requireauth，用於判斷該路由的訪問是否需要登入。如果使用者已經登入，則順利進入路由，否則就進入登入頁面。const routes component repository 定義完路由後，我們主要是利用vue ro...

vue請求攔截響應攔截

2020.10.28 早9.40。今天忙裡偷閒記錄下在vue裡面封裝axios以及請求攔截響應 首先理解整個思路 1 將baseurl提出來，這是訪問服務端的位址。2 使用es6類的寫法封裝axios 3 封裝之後在建立api資料夾在此資料夾裡面引入封裝後的axios，之後就可以建立各個介面。bas...

Vue 路由攔截

使用sessionstorage，beforeenter進行路由攔截var storage window.sessionstorage storage.setitem auth 1 this router.push teacher import myrouter from router index ...