v-side-bar

A Vue - based sidebar plug-in.

Usage no npm install needed!

<script type="module">
  import vSideBar from 'https://cdn.skypack.dev/v-side-bar';
</script>

README

v-side-bar

这是一个基于Vue的侧边栏插件。

This is a Vue - based sidebar plug-in.

How to use

import SideBar from 'v-side-bar';
import Vue from 'vue';

Vue.use(SideBar);
// or
// Vue.use(SideBar,'component-name');

<!--  data(){ retuen {open:false} } -->
<template>
    <div>
        <button @touchend="open=true;">open</button>
        <v-side-bar :open.sync="open">
            <div style="width:200px;height:100px;background:white">
            </div>
        </v-side-bar>
    </div>
</template>