Skip to content
This repository has been archived by the owner on Feb 17, 2022. It is now read-only.

januwA/vue-io-directive

Repository files navigation

vue-io-directive

vue 2 组件上双向绑定多个数据,灵感来自Angular

此库在vue 3中不可用,vue 3 可以在组件上支持多个v-model

Install

$ npm i vue-io-directive

使用

import Vue from "vue";
import { VueIoDirective } from "vue-io-directive";

Vue.directive("io", VueIoDirective);

Demo

<my-test v-io:name="parentName" v-io:pwd="parentPwd"></my-test>
<my-test v-io:name="obj.parentName" v-io:pwd="obj.parentPwd"></my-test>

<my-test v-io:child.name="parentName" v-io:child.pwd="parentPwd"></my-test>
<my-test v-io:child.name="obj.parentName" v-io:child.pwd="obj.parentPwd"></my-test>
  • v-io:name="arr[0]" 对于数组, 数据更新后ui也不会刷新,使用传统的emit
  • src目录下有example不懂可以看下

About

在vue组件上双向绑定数据

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published