vue3之readonly函数的使用(setup的使用)

如果修改vue会提示(),只读,不可以修改

 value cannot be made reactive: xxxx
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			{{msg}}
			
			
			
			
		</div>
	</body>
	<script src="https://unpkg.com/vue@next"></script>
	<script>
		const app=Vue.createApp({
			setup(prop,context){
				
					const {readonly}=Vue;
					let msg=readonly('xxxx');
					//修改变量的值
					setTimeout(()=>{
						msg.value='yyyyy'
					
					
					},2000);
					return{
						msg
					}
					
					log:()=>{
						alert("xxx");
						}			
				
				
			}
			
		});
	   app.mount("#app")
	
	</script>
</html>
上一篇:42 vue3过渡和动画属性控制过渡时长


下一篇:FPGA基础知识----第三章 第4节 信号类型