模块化开发和组件化开发_开发更快,更流畅的组件

模块化开发和组件化开发

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数据的保存和可视化,以简化工作并提高生产效率。

vuenut

vuenut

优点 (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)

Codepen

码笔

浏览器支持 (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/

模块化开发和组件化开发

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值