vue3中是没有setup中是没有this的
下面是一个简单的例子:----(别忘了安装并配置下路由)
setup(){
//初始化路由参数
const router = useRouter();
// 初始化项目工作都放在setup中
console.log("当前应用程序被安装了");
const state = reactive({ // 定义状态
form:{}
})
// 点击事件跳转路由参数
function onSubmit() {
router.push({
path:'/login'
});
}
onMounted(() => {
})
return {
...toRefs(state),
onSubmit //返回点击事件
}
}
}
写在setup中的路由重点在:
1、在<script long='ts'></script>标签中引入:
//引入路由函数
import { useRouter } from "vue-router";
import { reactive, onUnmounted, onUpdated, onMounted, toRefs} from 'vue'; // 引入setup()需要的
2.写setup() -----格式是下面这样
<script long='ts'>
//引入路由函数
import { useRouter } from "vue-router";
import { reactive, onUnmounted, onUpdated, onMounted, toRefs} from 'vue'; // 引入 setup()需要的
export default {
name: "submit",
data() {
return {
form: {}
},
}
setup(){
//初始化路由参数
}
}
</script>
3.写下面这两步:(写在setup里面)
const router = useRouter();
router.push({
path:'/login'
});