1.0.0 • Published 5 years ago
vue-data-manager v1.0.0
vue-data-manager
介绍
为什么需要vue-data-manager ?
- 轻松的实现跨组件、跨路由改变数据状态
- vuex等工具需要花时间入手,结构复杂繁琐。vue-data-manager api与vue 原生语法一致,贴切易入手。
- 使用了vue本身api进行扩展、轻量、对vue友善。
api支持
- $watch
- $nextTick
- $delete
安装使用
git clone https://github.com/DudeYouth/vue-data-manager.git
vue-data-manager如何使用在此不做详述。只要熟悉vue的玩家相信也一定会使用该工具。示例:
// user.js
export default{
data(){
return {
userName:'小明',
};
},
computed:{},
watch:{},
methods:{}
}
// store.js
import Store from 'vue-data-manager';
import Vue from 'vue';
import user from './user';
export default new Store({
user
});
// app.vue
<template>
<span @click="changeName">{{$store.user.userName}}</span>
</template>
<script>
export default{
data(){
return {};
},
methods:{
changeName(){
this.$store.user.userName = '小红';
}
}
}
<script>
// main.js
import Vue from 'vue';
import $store from './store';
import App from './app’;
Vue.prototype.$store = $store;
new Vue({
el:'#app',
components:{App},
template:`<div><App /><span>{{$store.user.userName}}</span></div>`
})
1.0.0
5 years ago