vuext 1KB 的状态管理器

aaron 发布于2019-08-21 16:25 / 2989人阅读

摘要：仅有行代码压缩之后实现状态管理，实现异步同步调用实例代码异步的实现成功之后回调，数据使用说明该代码只支持版本如何获得全局状态中的值如何修改全局状态中的值如果是数组请使用等原生方法操作如何调用方法

vuext

Centralized State Management for Vue.js

仅有22行代码压缩之后1K 实现VUE状态管理，实现异步同步调用

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

demo.
github实例代码.

start

 1. package.json add "vuext":"1.0.0"
 2. create js file named "tpodata"(any)
 3. open main.js and 
    . import {tpostore,vuext} from "./vuext";
    . Vue.use(vuext)
    .new Vue({
        el: "#app",
        router,
        tpostore:tpostore(tpodata),
        template: "",
        components: { App }
        })
4. {{this.$tpo.name}}
5. change this.$tpo.name="XXX"
6. function used  this.$tpo.getName()

tpodata.js

const tpodata={//public data
name:"VUEXT",
ls:[1,2,3],
getName(name){
    //异步的实现
    //成功之后回调，commit name数据
    this.name=name
    }
}
tpodata.head={ //part data
    name:"lixiaolong"
}

export default tpodata;

使用说明

该代码只支持VUE2.0版本

 1 如何获得全局状态中的值
   this.$tpo
 2 如何修改全局状态中的值
   this.$tpo.name="XXX"
 3 如果是数组
   请使用 push pop shift 等原生方法操作
 4 如何调用方法
   this.$tpo.getName()

export default tpodata;
For detailed explanation on how things work, checkout the guide and docs for vue-loader.

云服务器 GPU云服务器服务器管理器的使用服务器中的资源管理器 vuext 状态管理

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88530.html

Hydux: 一个 Elm-like 的全功能的 Redux 替代品

摘要：刚好最近需要做一个答题小游戏的应用，不想再上全家桶了，一是体积太大，二是无论配置还是写起来都太繁琐。内置的内置的扩展支持内置的热更新模块然后就可以了简单，可控，无痛的开发环境和代码组织。在学习和使用 Fable + Elmish 一段时间之后，对 Elm 架构有了更具体的了解, 和预料中的一样， Elm 风格的框架果然还是和强类型的 Meta Language 语言更搭，只有一个字:...

DobbyKim 2019-08-21 17:59 评论0 收藏0
15个提高编程技巧的JavaScript工具

摘要：官方网站是一组庞大的工具，几乎任何相关文件都可以处理。该工具是独立的，并配有类可处理服务器端的操作。官方网站是一个独立的延迟加载的图像工具。 JavaScript脚本库是一个预先用JavaScript语言写好的库，它方便了我们开发基于JavaScript的应用程序，特别适合AJAX和其他一些以Web为中心的技术。JavaScript主要用于编写嵌入或者包含在HTML页面的函数，从而实现...

LiangJ 2019-08-22 10:56 评论0 收藏0
浅谈模块化加载的实现原理

摘要：如果你不太明白模块化的作用，建议看看玉伯写的一篇文章。我们可以使用自己的方式去管理代码，不过有人已经研究处理一套标准，而且是全球统一，那就拿着用吧关于规范，我这里就不多说了，可以去看看草案，玉伯也翻译了一份。试发一弹，本文同步自：http://barretlee.com 略蛋疼的是不支持: [title][url reference] 相信很多人都用过 seajs、 require...

CodeSheep 2019-08-21 12:09 评论0 收藏0
javascript功能插件大集合，写前端的亲们记得收藏

摘要：一个专注于浏览器端和兼容的包管理器。一个整合和的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。完全插件化的工具，能在中识别和记录模式。健壮的优雅且功能丰富的模板引擎。完整的经过充分测试和记录数据结构的库。【导读】：GitHub 上有一个 Awesome – XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表...

cfanr 2019-08-20 10:34 评论0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：转载来源包管理器管理着库，并提供读取和打包它们的工具。能构建更好应用的客户端包管理器。一个整合和的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。很棒的组件集合。隐秘地使用和用户数据。转载来源：https://github.com/jobbole/aw... 包管理器管理着 javascript 库，并提供读取和打包它们的工具。•npm – npm 是 javasc...

netmou 2019-08-23 12:28 评论0 收藏0