介绍

Vue3中使用setup函数取代methods和data

效果

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>lesson 34</title><script src="https://unpkg.com/vue@next"></script>
</head>
<body><div id="root"></div>
</body>
<script>// 对数据做校验的插件const app = Vue.createApp({template: `<div @click="handleClick">{{name}}</div>`,methods: {test() {console.log(this.$options.setup());}},mounted() {this.test();},// created 实例被完全初始化之前setup(props, context) {return {name: 'dell',handleClick: () => {alert(123)}}}});const vm = app.mount('#root');
</script>
</html>

Vue中setup函数相关推荐

vue中在一个函数中调用另外一个函数
vue中在一个函数中调用另外一个函数 this.$options.methods.函数名.bind(this)();
VUE中函数调用函数
VUE中函数调用函数 VUE中函数调用函数 VUE中函数调用函数有时候,需要在一个函数中,调用另外一个函数,采用这种方法 this.$options.methods.onQuery('queryFo ...
python中setup函数的用法_Vue 3 setup 函数
setup setup 函数可以说是 Vue 3 一个入口函数. 参数使用 setup 函数时,它将接受两个参数: props context 让我们更深入地研究如何使用每个参数. Props se ...
vue3中setup()函数的使用二
vue3的使用 <template><div id="one"><img src="http://127.0.0.1:9000/upload ...
vue3中setup()函数的使用一
<template><div id="one"><img src="http://127.0.0.1:9000/upload/001.png ...
python中setup函数的用法_python学习之setUp函数和tearDown函数
1,setUp():就是在一个类中最先被调用的函数,每次执行一个函数都要先执行这个函数,有几个函数就被调用几次,与放的位置无关,随便放到哪里都会先执行这个函数 2,tearDown():就是在一个类中 ...
vue中mapGetters函数前面的三个点是什么意思？
今天视频面试时,被问到了,vue中mapState和mapGetter函数前面的三个点是什么意思? 今天看到了对这个问题的解答: mapState 函数返回的是一个对象.我们如何将它与局部计算属性混合 ...
Vue中渲染函数（render）的介绍和应用
1. render函数的介绍简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DOM. 因为vue是虚拟DOM,所以在拿到template模板时也要 ...
python中setup函数_Python包管理工具setuptools之setup函数参数详解
***对所学内容的简单汇总在安装python依赖库时,我们使用pip install 或者python setup.py install. pip 会自己搜索适合的版本,python setup.p ...

Vue中setup函数

介绍

效果

代码

Vue中setup函数相关推荐

最新文章

热门文章