1.0.0 • Published 1 year ago

jy-vue-use v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

安装

npm i jy-vue-use --save

引入方式

import { useVModel } from 'jy-vue-use'

功能说明

useVModel:当父组件传值给子组件后,通常我们不能直接修改子组件接收到的props,每次修改我们都需要调用emit函数。useVModel。就是通过代理的方式,帮我省去了调用的过程,可以直接通过修改变量来达到修改父组件的数据。并且没有破环单项数据流的规范。

使用示例

import { useVModel } from 'jy-vue-use'
const props = defineProps<{
  modelValue: any
}>()
const emit = defineEmits(['update:modelValue'])

const model = useVModel(props,'modelValue',emit)
// 获取到model后可以直接修改model中的数据,父组件中的数据也会同步更改。
const changeAge = () => {
  model.value.age = Math.floor(Math.random() * 40)
}
1.0.0

1 year ago