setup(props, context) 函数
使用setup函数可以代替之前些的 data()函数
使用方法:
<script>
// setup
// 创建 vue实例
const app = Vue.createApp({
template: `
<div @click="handleClick">
{{name}}
{{age}}
</div>
`,
// 方法列表
methods: {
test() {
console.log(this.$options.setup());
}
},
mounted() {
// 外部方法可以调用 setup函数
this.test();
},
// created 实例被完全初始化之前
// 可以直接使用
setup(props, context) {
// 不能在里面用 this关键词
// 不能调用外部函数
return {
name: 'lee dell',
age:100,
handleClick:() => {
alert(123)
}
}
}
});
const vm = app.mount('#root');
</script>