menu

Special features

There are cases where we need some special things vuenut knows that and that’s why we implemented some of them.

Secure Vuenut

You need vuenut to have security so that not everyone can see the information of the store or if you are in production and do not want customers to see unnecessary information but you need to review the data for any bug or problem, vuenut understands you so just add a password let’s see as.

1
<vuenut password="mypassword" :store="$store.state"/>

o puede ser una contraseña dinamica que viene del servidor o de una peticion externa

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<template lang="html">
  <div class="con-my-app">    
    <vuenut :password="myDynamicPassword" :store="$store.state"/>
  </div>
</template>
<script>
export default {
  data(){
    return {
      myDynamicPassword:"I'm a password"
    }
  }
}
</script>

<style lang="css">
</style>

vuenut not visible

If the great project you are doing needs to be tested or reviewed for any problem or bug and that vuenut is seen by the end user, it is a problem you can hide it.
With adding the word unseen the problem is solved.

1
<vuenut unseen :store="$store.state"/>

Hidden

If necessary you can completely hide the component by adding the hidden property, to activate and deactivate in real time you can press the Alt h (hidden) keys to activate or deactivate.

1
<vuenut hidden :store="$store.state"/>

You can take print screen at any time by pressing the key combination Alt p (print screen), this functionality is designed for the test and obtaining errors to report and save them

New Great Functions

Vuenut is a library in progress that will continue to grow and implement new features, some are already in process in case you have a great idea or solution we would be delighted that you communicate it to our Issues to improve or implement it together

Ignore some data

You can ignore some data in vuenut in case you do not want to visualize them or handle them because they are not necessary for manipulation

The property is ignore and as a value we spent an Array. 

1
<vuenut ignore=['example'] :store="$store.state"/>

Each of the values ​​within the array will be ignored by vuenut, in case you need to ignore an internal value inside the tree you just have to add a . between the values ​​as if you were accessing an object in javascript.

1
<vuenut ignore=['example.child'] :store="$store.state"/>