資訊專欄INFORMATION COLUMN
摘要：狀態管理社區當前最流行的狀態管理方案分別是單向數據流的和基于的。目前的現狀主要是由于并沒有將其底層的曝光出來。是一個開源項目，完全兼容的，擁簇面向未來編程，致力于加速未來生態圈的建設。
概要
Vue 的作者尤雨溪最近公布了 3.0 版本最重要的 RFC Vue Function-based API。在 React 推出 Hooks 后不久，Vue 社區也迎來了自己的組件邏輯復用機制。
未來Function-based API 背后的設計動機和優缺點，尤大已經在 RFC 中表述的很清楚了，可以肯定的是它所帶來的價值遠遠大于它所引起的問題。隨著 3.0 的逐漸逼近，我們可以預見整個 vue 的生態會發生巨大變化，我們看看具體會有哪些變化。
狀態管理React 社區當前最流行的狀態管理方案分別是單向數據流的 Redux 和 基于 observable 的 Mobx。而 Vue 社區則是單向數據流的 Vuex 一枝獨秀。很長一段時間，我都在期待 Vue 社區可以出現 Mobx 的對標物，對于 Vue 這樣一個本身就是基于 observable 的框架，卻沒有相應的狀態管理庫，著實令人費解。雖然存在 mobx-vue，但它是基于 mobx 而實現的，并沒有利用 Vue 本身的 observable 機制，不只是庫大小，在使用體驗式上也不如人意。
目前的現狀主要是由于 Vue 并沒有將其底層的 observable API 曝光出來。而在 Vue3 與 Function-based API 中， Vue 會提供更多的 observable API，相信這一改動可以幫助社區產生一些全新易用的狀態管理庫。
組件/庫新的設計允許我們將組件邏輯多帶帶封裝出來，會涌現出大批類似 react-use 這類的邏輯通用庫。這類型的庫是一系列通用功能的合集，天然 tree-shaking 友好，類似 lodash 在 JavaScript 開發中的地位一樣，最終也會有一款提供常見功能的 Function 類庫成為 Vue 開發中的瑞士軍刀。
import { useMousePosition, useWindowSize } from "^.-";
// 在組件中使用該函數
const Component = {
setup() {
const { x, y } = useMousePosition()
// 與其它函數配合使用
const { width, height } = useWindowSize()
return { x, y, width, height }
},
template: `{{ x }} {{ y }} {{ width }} {{ height }}`
}
當下
未來很美好，讓人充滿憧憬，我知道很多都和我一樣對此心懷激動。最理想的情況下，我們要在 2019 年第三季度才能迎來 Vue3 的正式發布。But，Vue 社區從來不讓你失望，Vuer 永不等待。我要向大家介紹 vue-function-api，從現在開始解鎖 Vue3 最新特性 Function API。
vue-function-apivue-function-api 是一個開源項目，完全兼容 Vue3 的 Function API，擁簇面向未來編程，致力于加速 Vue 未來生態圈的建設。開發者可以借助它使用 Vue3 的組件邏輯復用機制開發下一代 vue 應用程序，利用 Vue3 的響應性 API 建設未來 Vue 生態。
安裝npm
npm install vue-function-api --save
yarn
yarn add vue-function-api使用
vue-function-api 利用了 Vue 的 plugin 機制，只需要在使用前進行注冊即可。
import Vue from "vue";
import { plugin, value, computed, watch, onMounted } from "vue-function-api"
// 安裝插件
Vue.use(plugin);
new Vue({
template: `
count is {{ count }}
plusOne is {{ plusOne }}
`,
setup() {
// reactive state
const count = value(0);
// computed state
const plusOne = computed(() => count.value + 1);
// method
const increment = () => {
count.value++;
};
// watch
watch(
() => count.value * 2,
val => {
console.log(`count * 2 is ${val}`);
}
);
// lifecycle
onMounted(() => {
console.log(`mounted`);
});
// expose bindings on render context
return {
count,
plusOne,
increment,
};
},
}).$mount("#app");
結語
從來沒有一次這么期待過 Vue3，也從來沒有一次離 Vue3 這么近。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/104843.html
摘要：智慧計算是智慧企業建設的原動力。有調查顯示，目前有的企業運行多個云，而的企業表示他們將在未來個月內部署混合云。同時，英特爾與許多生態系統合作伙伴建立了緊密合作關系，可幫助企業制定和實施可行的混合云戰略。隨著數字經濟的崛起， 互聯網業務模式的變革，以及當前經濟環境的復雜性。傳統企業如何把握機遇迎接挑戰，企業已經到了業務數字化創新發展的關鍵時刻。英特爾和合作伙伴擁有差異化的軟硬件產品、豐富的行業...
摘要：精讀前端可以從多個角度理解，比如規范框架語言社區場景以及整條研發鏈路。同是前端未來展望，不同的文章側重的格局不同，兩個標題相同的文章內容可能大相徑庭。作為使用者，現在和未來的主流可能都是微軟系，畢竟微軟在操作系統方面人才儲備和經驗積累很多。 1. 引言 前端展望的文章越來越不好寫了，隨著前端發展的深入，需要擁有非常寬廣的視野與格局才能看清前端的未來。 筆者根據自身經驗，結合下面幾篇文章...
摘要：今天的話題是與的開源現狀和未來規劃，我們知道，過去一段時間疏于維護，去年阿里高調宣布重啟開源之后，社區里問的最多的問題是，這次開源與上次有什么一樣，還有就是和是什么關系希望通過這次的分享能夠解答這些問題。 摘要： Dubbo 在過去一段時間疏于維護，去年阿里高調宣布重啟 Dubbo 開源之后，社區里問的最多的問題是，這次開源與上次有什么一樣，還有就是 Dubbo 和 Spring Bo...
摘要：在日前由中國公路學會主辦的第屆中國高速公路信息化研討會上，華為云的高光亮相，不僅彰顯出華為針對智慧高速建設在產品技術積淀行業經驗積累和生態系統打造上的領先性，也描繪出華為云將普惠真正落地到智慧高速中的方法和路徑。日前，清明節以及五一勞動節期間，收費公路對7座以下（含7座）載客車輛免收通行費的重磅消息一出，全國各地的車主們都沸騰了！不過，車主們對于堵車的擔心也隨之而來，其中省界收費站更是導致高...
閱讀 4032·2021-11-22 13:53
閱讀 3626·2021-11-19 11:29
閱讀 1282·2021-09-08 09:35
閱讀 3175·2020-12-03 17:26
閱讀 520·2019-08-29 16:06
閱讀 2118·2019-08-26 13:50
閱讀 1188·2019-08-23 18:32
閱讀 2159·2019-08-23 18:12
