模块化开发和组件化开发
Vuenut (vuenut)
Vuenut is a component based on vue js that is responsible for manipulating save and visualize the data of vuex to facilitate the work and improve the production.
Vuenut是基于vue js的组件,负责操纵vuex数据的保存和可视化,以简化工作并提高生产效率。
优点 (Advantage)
In case of having an application or system that includes a store to maintain the states (vuex) in the case of vuejs vuenut gives you the following advantages
如果有一个应用程序或系统包含一个用于维护状态(vuex)的商店,那么在vuejs的情况下,vuenut具有以下优点
Easy to implement the store
易于实施的商店
Does not affect other libraries or components
不影响其他库或组件
Saves the settings in the browser storage
将设置保存在浏览器存储中
Easy to add to any project with either webpack or CDN
使用webpack或CDN轻松添加到任何项目
A very nice and intuitive interface
一个非常漂亮和直观的界面
Vuenut可以做什么? (What can you do with vuenut?)
This component is designed to improve and help us programmers who love the simple fast and effective you can do with vuenut great things but with the simplicity of a click
此组件旨在改进和帮助喜欢快速,有效的vuenut伟大事物的程序员,只需单击即可完成
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 only with a simple
ctl v
获取数据的最终路由以仅通过简单的
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)
浏览器支持 (Browser Support)
Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+
Firefox,Chrome,Edge,Opera和Safari的最新版本。 IE10 +
快速启动CDN (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 (CDN)
- https://unpkg.com/vuenut/dist/vuenut.umd.js
- https://unpkg.com/vuenut/dist/vuenut.css
安装Proyecto NPM (install en Proyecto 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)
翻译自: https://vuejsexamples.com/a-component-to-develop-faster-and-more-fluently/
模块化开发和组件化开发