All Projects → lusaxweb → Vuenut

lusaxweb / Vuenut

Licence: mit
⚙️ Developer tools for vue js (Vuex)

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vuenut

Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+271.8%)
Mutual labels:  vuex, vue-components, vue2
Vuestic Admin
Free and Beautiful Vue 3 Admin Template
Stars: ✭ 8,398 (+2653.44%)
Mutual labels:  vuex, vue-components, vue2
Vue Testing Examples
Advanced testing with vuejs. When you need to go beyond Getting started section and see some real world example with everything that proper tests should have.
Stars: ✭ 288 (-5.57%)
Mutual labels:  vuex, vue-components, vue2
Vuex Flash
VueJs Flash Message Component within Vuex
Stars: ✭ 54 (-82.3%)
Mutual labels:  vuex, vue-components, vue2
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+553.44%)
Mutual labels:  vuex, vue-components, vue2
Vuemmerce
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (-26.89%)
Mutual labels:  vuex, vue-components, vue2
Vuesax
New Framework Components for Vue.js 2
Stars: ✭ 5,293 (+1635.41%)
Mutual labels:  library, vue-components, vue2
Vue News
Vue2.5知乎日报单页应用
Stars: ✭ 300 (-1.64%)
Mutual labels:  vuex, vue2
vue
Vue.js Demos. jQWidgets Vue.js Components - Grids, Charts, Scheduling, Pivot Tables
Stars: ✭ 55 (-81.97%)
Mutual labels:  vue-components, vue2
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (-1.31%)
Mutual labels:  vuex, vue-components
vue-notification-bell
Vue.js notification bell component.
Stars: ✭ 64 (-79.02%)
Mutual labels:  vue-components, vue2
v-page
A simple pagination bar, including length Menu, i18n support, based on Vue2.x
Stars: ✭ 85 (-72.13%)
Mutual labels:  vue-components, vue2
hoc-element-table
📦 A Vue 3.x Table Component built on Webpack 5
Stars: ✭ 26 (-91.48%)
Mutual labels:  vue-components, vue2
Vue Cnodejs
基于vue.js重写Cnodejs.org社区的webapp
Stars: ✭ 3,065 (+904.92%)
Mutual labels:  vue-components, vue2
vue-flag-icon
a vue compoment for flag-icon-css
Stars: ✭ 64 (-79.02%)
Mutual labels:  vue-components, vue2
office-fabric
johannes-z.github.io/office-fabric/
Stars: ✭ 12 (-96.07%)
Mutual labels:  vue-components, vue2
v-intl
Add i18n to your awesome Vue 3 app 🔉
Stars: ✭ 13 (-95.74%)
Mutual labels:  vue-components, vue2
v-pip
🖼 Tiny vue wrapper for supporting native picture-in-picture mode.
Stars: ✭ 30 (-90.16%)
Mutual labels:  vue-components, vue2
vue2
【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。
Stars: ✭ 415 (+36.07%)
Mutual labels:  vue-components, vue2
Tui
This is a high quanlity components library for VUE
Stars: ✭ 258 (-15.41%)
Mutual labels:  vue-components, vue2

vuenut

Introduction

Vuenut is a Vue.js component that visualizes, manipulates, and saves state data from vuex.

vuenut

Advantage

If your application uses a vuex store to maintain state, vuenut gives you the following advantages:

  • Easy to implement the store
  • Does not affect other libraries or components
  • Saves settings in the browser storage
  • Easy to add to any project with either webpack or CDN
  • A very nice and intuitive interface

What can you do with vuenut?

This component is designed to improve workflow and help programmers who love simple fast and effective tools. You can do great things with vuenut with the just a click.

  • Visualize the entire store as a tree of nodes so as not to get lost
  • Get the final route of the data to add it with a simple ctl v
  • Edit the value you want and where you want by changing the data in the whole application
  • Save the store to reuse it at any time and return to that point of the system
  • Export the current store to give it to another developer or import it later
  • Import a store
  • And many more incredible features

Demo

Codepen

Browser Support

Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+

Quick-start CDN

<!DOCTYPE html>
<title>vuenut demo</title>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vuenut/dist/vuenut.umd.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vuenut/dist/vuenut.css">

<div id="app">
  <vuenut :store="$store.state"/>
</div>

<script>
new Vue({
}).$mount('#app')
</script>

CDN

install with NPM

# npm
npm install vuenut
# yarn
yarn add vuenut

Use

import Vue from 'vue'
import Vuenut from 'vuenut'

import 'vuenut/dist/vuenut.css'
Vue.use(Vuenut)

Become a Patron

Vuenut is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this project, please consider becoming a patron. [patron]

Lusaxweb

This library was created and is supported by Lusaxweb

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].