亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

面向未來編程（Future-Oriented Programming），建設(shè)未來 Vue 生態(tài)

J4ck_Chan / 2228人閱讀

摘要：狀態(tài)管理社區(qū)當(dāng)前最流行的狀態(tài)管理方案分別是單向數(shù)據(jù)流的和基于的。目前的現(xiàn)狀主要是由于并沒有將其底層的曝光出來。是一個(gè)開源項(xiàng)目，完全兼容的，擁簇面向未來編程，致力于加速未來生態(tài)圈的建設(shè)。

概要

Vue 的作者尤雨溪最近公布了 3.0 版本最重要的 RFC Vue Function-based API。在 React 推出 Hooks 后不久，Vue 社區(qū)也迎來了自己的組件邏輯復(fù)用機(jī)制。

未來

Function-based API 背后的設(shè)計(jì)動(dòng)機(jī)和優(yōu)缺點(diǎn)，尤大已經(jīng)在 RFC 中表述的很清楚了，可以肯定的是它所帶來的價(jià)值遠(yuǎn)遠(yuǎn)大于它所引起的問題。隨著 3.0 的逐漸逼近，我們可以預(yù)見整個(gè) vue 的生態(tài)會(huì)發(fā)生巨大變化，我們看看具體會(huì)有哪些變化。

狀態(tài)管理

React 社區(qū)當(dāng)前最流行的狀態(tài)管理方案分別是單向數(shù)據(jù)流的 Redux 和 基于 observable 的 Mobx。而 Vue 社區(qū)則是單向數(shù)據(jù)流的 Vuex 一枝獨(dú)秀。很長一段時(shí)間，我都在期待 Vue 社區(qū)可以出現(xiàn) Mobx 的對(duì)標(biāo)物，對(duì)于 Vue 這樣一個(gè)本身就是基于 observable 的框架，卻沒有相應(yīng)的狀態(tài)管理庫，著實(shí)令人費(fèi)解。雖然存在 mobx-vue，但它是基于 mobx 而實(shí)現(xiàn)的，并沒有利用 Vue 本身的 observable 機(jī)制，不只是庫大小，在使用體驗(yàn)式上也不如人意。

目前的現(xiàn)狀主要是由于 Vue 并沒有將其底層的 observable API 曝光出來。而在 Vue3 與 Function-based API 中， Vue 會(huì)提供更多的 observable API，相信這一改動(dòng)可以幫助社區(qū)產(chǎn)生一些全新易用的狀態(tài)管理庫。

組件/庫

新的設(shè)計(jì)允許我們將組件邏輯多帶帶封裝出來，會(huì)涌現(xiàn)出大批類似 react-use 這類的邏輯通用庫。這類型的庫是一系列通用功能的合集，天然 tree-shaking 友好，類似 lodash 在 JavaScript 開發(fā)中的地位一樣，最終也會(huì)有一款提供常見功能的 Function 類庫成為 Vue 開發(fā)中的瑞士軍刀。

import { useMousePosition, useWindowSize } from "^.-";

// 在組件中使用該函數(shù)
const Component = {
  setup() {
    const { x, y } = useMousePosition()
    // 與其它函數(shù)配合使用
    const { width, height } = useWindowSize()
    return { x, y, width, height }
  },
  template: `
{{ x }} {{ y }} {{ width }} {{ height }}
`
}
當(dāng)下

未來很美好，讓人充滿憧憬，我知道很多都和我一樣對(duì)此心懷激動(dòng)。最理想的情況下，我們要在 2019 年第三季度才能迎來 Vue3 的正式發(fā)布。But，Vue 社區(qū)從來不讓你失望，Vuer 永不等待。我要向大家介紹 vue-function-api，從現(xiàn)在開始解鎖 Vue3 最新特性 Function API。

vue-function-api

vue-function-api 是一個(gè)開源項(xiàng)目，完全兼容 Vue3 的 Function API，擁簇面向未來編程，致力于加速 Vue 未來生態(tài)圈的建設(shè)。開發(fā)者可以借助它使用 Vue3 的組件邏輯復(fù)用機(jī)制開發(fā)下一代 vue 應(yīng)用程序，利用 Vue3 的響應(yīng)性 API 建設(shè)未來 Vue 生態(tài)。

安裝

npm

npm install vue-function-api --save

yarn

yarn add vue-function-api
使用

vue-function-api 利用了 Vue 的 plugin 機(jī)制，只需要在使用前進(jìn)行注冊(cè)即可。

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");
結(jié)語

從來沒有一次這么期待過 Vue3，也從來沒有一次離 Vue3 這么近。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/104843.html

相關(guān)文章

  • 智慧化轉(zhuǎn)型 企業(yè)如何構(gòu)建面向未來的混合云IT新動(dòng)能

    摘要：智慧計(jì)算是智慧企業(yè)建設(shè)的原動(dòng)力。有調(diào)查顯示，目前有的企業(yè)運(yùn)行多個(gè)云，而的企業(yè)表示他們將在未來個(gè)月內(nèi)部署混合云。同時(shí)，英特爾與許多生態(tài)系統(tǒng)合作伙伴建立了緊密合作關(guān)系，可幫助企業(yè)制定和實(shí)施可行的混合云戰(zhàn)略。隨著數(shù)字經(jīng)濟(jì)的崛起， 互聯(lián)網(wǎng)業(yè)務(wù)模式的變革，以及當(dāng)前經(jīng)濟(jì)環(huán)境的復(fù)雜性。傳統(tǒng)企業(yè)如何把握機(jī)遇迎接挑戰(zhàn)，企業(yè)已經(jīng)到了業(yè)務(wù)數(shù)字化創(chuàng)新發(fā)展的關(guān)鍵時(shí)刻。英特爾和合作伙伴擁有差異化的軟硬件產(chǎn)品、豐富的行業(yè)...

    liuhh 評(píng)論0 收藏0

  • 精讀《前端未來展望》

    摘要：精讀前端可以從多個(gè)角度理解，比如規(guī)范框架語言社區(qū)場(chǎng)景以及整條研發(fā)鏈路。同是前端未來展望，不同的文章側(cè)重的格局不同，兩個(gè)標(biāo)題相同的文章內(nèi)容可能大相徑庭。作為使用者，現(xiàn)在和未來的主流可能都是微軟系，畢竟微軟在操作系統(tǒng)方面人才儲(chǔ)備和經(jīng)驗(yàn)積累很多。 1. 引言 前端展望的文章越來越不好寫了，隨著前端發(fā)展的深入，需要擁有非常寬廣的視野與格局才能看清前端的未來。 筆者根據(jù)自身經(jīng)驗(yàn)，結(jié)合下面幾篇文章...

    MadPecker 評(píng)論0 收藏0

  • Dubbo開源現(xiàn)狀與未來規(guī)劃

    摘要：今天的話題是與的開源現(xiàn)狀和未來規(guī)劃，我們知道，過去一段時(shí)間疏于維護(hù)，去年阿里高調(diào)宣布重啟開源之后，社區(qū)里問的最多的問題是，這次開源與上次有什么一樣，還有就是和是什么關(guān)系希望通過這次的分享能夠解答這些問題。 摘要： Dubbo 在過去一段時(shí)間疏于維護(hù)，去年阿里高調(diào)宣布重啟 Dubbo 開源之后，社區(qū)里問的最多的問題是，這次開源與上次有什么一樣，還有就是 Dubbo 和 Spring Bo...

    zhoutao 評(píng)論0 收藏0

  • 高速公路“+智能”時(shí)代 華為云如何做好智慧高速賦能者？

    摘要：在日前由中國公路學(xué)會(huì)主辦的第屆中國高速公路信息化研討會(huì)上，華為云的高光亮相，不僅彰顯出華為針對(duì)智慧高速建設(shè)在產(chǎn)品技術(shù)積淀行業(yè)經(jīng)驗(yàn)積累和生態(tài)系統(tǒng)打造上的領(lǐng)先性，也描繪出華為云將普惠真正落地到智慧高速中的方法和路徑。日前，清明節(jié)以及五一勞動(dòng)節(jié)期間，收費(fèi)公路對(duì)7座以下（含7座）載客車輛免收通行費(fèi)的重磅消息一出，全國各地的車主們都沸騰了！不過，車主們對(duì)于堵車的擔(dān)心也隨之而來，其中省界收費(fèi)站更是導(dǎo)致高...

    2450184176 評(píng)論0 收藏0

  • SOA架構(gòu)技術(shù)概述

    摘要：在汽車行業(yè)，因汽車智能化和網(wǎng)聯(lián)化需求尤其是自動(dòng)駕駛系統(tǒng)應(yīng)用的需要，車載系統(tǒng)軟件架構(gòu)技術(shù)受到國內(nèi)外整車企業(yè)的關(guān)注。當(dāng)前，大眾奧迪寶馬福特等汽車巨頭自成聯(lián)盟進(jìn)行軟件架構(gòu)技術(shù)和規(guī)范的應(yīng)用研究，預(yù)計(jì)前后將開始應(yīng)用于量產(chǎn)車型。 ?一、SOA架構(gòu)聲明SOA架構(gòu)聲明用來解釋SOA架構(gòu)和面向服務(wù)的基礎(chǔ)設(shè)計(jì)理念，致力于解決面向服務(wù)的核心價(jià)值...

    番茄西紅柿 評(píng)論0 收藏2637

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<