vue3 0新特性 組合式 API

2022-07-06 15:00:14 字數 385 閱讀 3699

今天在看vue3.0有啥新特性,做了一些簡單的嘗試,在這裡分享給大家,一起學習

首先說說組合式api產生背景,隨著vue開發專案的複雜度上公升,我們的關注點也會隨著專案的複雜度上公升而延長,有時候可能就乙個邏輯,需要跳轉多個**塊兒,不管是對於開發過這個專案或者是接手但沒開發過該項目的人都不是很方便,於是就誕生了組合式api,它將與同乙個邏輯關注點相關的**配置在一起,方便去梳理和縮短關注鏈,簡單**展示如下:

元件的data,方法都可以定義到setup中,以及watch,computed和生命週期鉤子都可以在setup中定義,這裡定義的data,在改變data值時候不再是this所指向的vm去訪問,而是通過"data."的方式去訪問,然後這裡的torefs是將資料進行響應式宣告,這樣在元件任何地方都可以使用data裡的值

技術分享 vue3 0新特性teleport是啥

前言 舉個簡單的例子,我們在使用modal元件的時候,我們將它放在了我們的模板template裡面,但是由於modal元件希望位於頁面的最上方,這時候我們將modal元件掛載在body上面是最好控制的,我們能夠很好的通過zindex來控制modal的位置,當他巢狀在templat裡面的時候就不那麼容...

Vue 3 0 有哪些新特性值得我們提前了解

vue.js 作者兼核心開發者尤雨溪宣布 vue 3.0 進入 beta 階段。重點關注 系統環境 npm v nrm ls 安裝 vue cli npm install vue cli g 建立專案 vue create 專案名在專案中安裝vue next外掛程式,試用vue3 beta vue ...

vue3 0新特性記錄表(只記錄常用的)

使用composition api 組合式api 來呼叫內部方法,元件。例如 import from vue defindcomponent 定義元件 defindasynccomponent 方法 定義非同步元件方法 teleport 傳送 getcurrentinstance 獲取當前元件例項 ...