用vite创建vue3项目

创建项目

npm init vite-app 项目名称

进入项目

cd 项目名称

安装依赖

npm install

运行

npm run dev

vue3项目结构

<template>
	<div>
		<h1>{{name}}</h1>
		<h2>{{age}}</h2>
		<h4>{{obj.type}}</h4>
		<h4>{{obj.salary}}</h4>
		<button @click="changeInfo">修改个人信息</button>
	</div>
</template>
<script>
import {ref} from 'vue'
export default{
	name:'App',
	setup(){
		//数据
		let name = ref('张三')
		let age = ref(18)
		let job = ref({
			type:'前端工程师'，
			salary:'30K'
		})
		//方法
		function changeInfo(){
			name.value = '李四'
			age.value = 28
			job.value.type = 'UI设计师'
			job.value.salary = '60K'
		}
		//返回一个对象
		return{
			name,
			age,
			job,
			changeInfo
		}
	}
}
</script>