dwqs / Vue Mobx
Licence: mit
😄 ⭐️ 😇 Mobx binding for Vuejs 2.
Stars: ✭ 111
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Vue Mobx
Vue Ellipse Progress
A Vue.js component to create beautiful animated circular progress bars
Stars: ✭ 101 (-9.01%)
Mutual labels: vuejs2
Vue Places
Places component is based on places.js for Vue 2.x. Turn any <input> into an address autocomplete.
Stars: ✭ 106 (-4.5%)
Mutual labels: vuejs2
Sysmon
A B/S mode system monitor for linux (demo http://199.247.1.240:2048)
Stars: ✭ 110 (-0.9%)
Mutual labels: vuejs2
Vuejs Cinema
Source code for the case-study project from the course Build A Vue.js Single-Page App with Vue Router
Stars: ✭ 101 (-9.01%)
Mutual labels: vuejs2
Clean State
🐻 A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. 🍋
Stars: ✭ 107 (-3.6%)
Mutual labels: mobx
Vuejs Calendar
Source code for Build A Professional Vue App with Vuex & Server-Side Rendering
Stars: ✭ 100 (-9.91%)
Mutual labels: vuejs2
Datx
DatX is an opinionated JS/TS data store. It features support for simple property definition, references to other models and first-class TypeScript support.
Stars: ✭ 111 (+0%)
Mutual labels: mobx
Vue Clazy Load
Component-based lazy (CLazy) load images in Vue.js 2
Stars: ✭ 106 (-4.5%)
Mutual labels: vuejs2
Koa Mobx React Starter
A straightforward starter for Node javascript web projects. Using Koa, MobX and ReactJS (with universal / isomorphic server rendering)
Stars: ✭ 102 (-8.11%)
Mutual labels: mobx
Jspm React
lightweight React.js ES6 boilerplate with JSPM and proper hot reloading modules
Stars: ✭ 104 (-6.31%)
Mutual labels: mobx
Vue Laravel Spa
Single Page Application made with Vue.JS2, Vue Router, Vuex and Laravel 5.6.
Stars: ✭ 107 (-3.6%)
Mutual labels: vuejs2
Pd Select
vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮
Stars: ✭ 101 (-9.01%)
Mutual labels: vuejs2
Babel Plugin Mobx Deep Action
Reduces `action` and `runInAction` boilerplates
Stars: ✭ 110 (-0.9%)
Mutual labels: mobx
Openlaravel
A collection of open source projects built using Laravel.
Stars: ✭ 106 (-4.5%)
Mutual labels: vuejs2
React Mobx Firebase Authentication
🔥Boilerplate Project for Authentication with Firebase in React and MobX
Stars: ✭ 111 (+0%)
Mutual labels: mobx
Mobxapp
Basic MobX app with FlatList, StyledComponents, Flow, react-navigation.
Stars: ✭ 107 (-3.6%)
Mutual labels: mobx
vue-mobx
Mobx binding for Vue.
Only supports Vuejs 2.x & Mobx 2.2.x or higher.
Installation
Install the pkg with npm:
npm install vue-mobx --save
or yarn
yarn add vue-mobx
or bower
bower install vue-mobx
Usage
Obviously it works with Mobx and Vuejs, install via NPM: npm i --save mobx vue vue-mobx
:
1. install vue-mobx plugin:
// entry.js
import Vue from 'vue';
import {observable, isObservable, toJS} from 'mobx';
import VueMobx from 'vue-mobx';
Vue.use(VueMobx, {
toJS: toJS, // must
isObservable: isObservable, // must
observable: observable, // optional
});
2. create models:
// create models
import {observable, action} from 'mobx';
class Test {
@observable
count = 0;
@action.bound
changeCount(){
++this.count;
}
}
const test = new Test();
export default test;
3. use models in vue component:
// in vue component
<template>
<div>
<p>count: {{count}}</p>
<p @click="changeCount">Update</p>
</div>
</template>
<script>
import testModel from './mobx/test';
export default {
fromMobx: {
testModel
}
}
</script>
There is a full example.
LICENSE
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].