v-model和v-bind的区别

v-model 
双向绑定 数据->视图 视图->数据 
适用于 表单这种需要在页面改变和提交的数据

v-bind
单向绑定 数据->视图
适用于 只展示数据 不需要改变数据 

<template>
	<view>
		<input type="text" :value="inv" @blur="onblur">
		<input type="text" v-model="inv" @blur="onblur">
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';

	const inv = ref("");

	function onblur(e) {
		console.log(inv.value);
	}
</script>