vue3中setup()函数的使用二

vue3的使用

<template><div id="one"><img src="http://127.0.0.1:9000/upload/001.png" alt="" /><h1>Hello 蒸汽鸭</h1><h1>{{ text }}</h1><!-- 使用双花括号来变量括起来，进行渲染，定义的变量在下面 --></div>
</template><script>//axios导入，导入后一定要使用，不然抛出异常import axios from 'axios';//导入{ref} 可以使定义的常量的字符串变成可变量import {ref} from 'vue';export default {//vue3的setup()函数，执行的顺序在vue页面中排第一//setup(props)函数，中的props是用于父子组件之间用于传参的一个参数//setup()函数中可以通过return来返回一个对象，这个对象可以用于页面的数据绑定//和data()函数的区别，data()函数只能返回一个字符串//setup()函数可以返回一个函数对象，把function xxx()函数赋值给text变量setup(){//const为定义常量，javascript中 const的常量是不可变的//使用ref('')函数来定义一个可响应式的字符串const text =ref('')function getA() {axios({method:'get',url: 'http://127.0.0.1:9000/api/'}).then((res)=>{console.log(res)//因为上方定义了text为const常量类型，所以不需要使用this.text//使用了{ref}需要使用代理模式，给常量的值赋值text.value = res.data.data})}//上面的函数 getA()只是定义了，但是没有执行//那么就执行一下getA()函数getA()//下方这个return将会把上方定义的常量返回给页面中的数据绑定return{text:text,}}
}
</script>
<style>#one {width: 300px;height: 200px;box-shadow: 0 2px 12px 0 #00000060;margin: 0 auto;
}
</style>

vue3中setup()函数的使用二相关推荐

vue3中setup()函数的使用一
<template><div id="one"><img src="http://127.0.0.1:9000/upload/001.png ...
剖析Vue3中setup()的用法（持续更新中）
一.setup的特性及作用可以确定的是 Vue3.0 是兼容 Vue2.x 版本的也就是说我们再日常工作中可以在 Vue3 中使用 Vue2.x 的相关语法但是不建议这样写. Vue3 的一大 ...
Vue中setup函数
介绍 Vue3中使用setup函数取代methods和data 效果代码 <!DOCTYPE html> <html lang="en"> <hea ...
python中setup函数的用法_Vue 3 setup 函数
setup setup 函数可以说是 Vue 3 一个入口函数. 参数使用 setup 函数时,它将接受两个参数: props context 让我们更深入地研究如何使用每个参数. Props se ...
python中setup函数的用法_python学习之setUp函数和tearDown函数
1,setUp():就是在一个类中最先被调用的函数,每次执行一个函数都要先执行这个函数,有几个函数就被调用几次,与放的位置无关,随便放到哪里都会先执行这个函数 2,tearDown():就是在一个类中 ...
Vue3（setup函数介绍）
Composition Api setup函数是一个新的组件选项.作为在组件内使用Composition API的入口点. 调用时机: setup函数会在beforeCreate钩子之前被调用返回值 ...
python中setup函数_Python包管理工具setuptools之setup函数参数详解
***对所学内容的简单汇总在安装python依赖库时,我们使用pip install 或者python setup.py install. pip 会自己搜索适合的版本,python setup.p ...
vue3中 setup注意点
setup执行的时机:在beforeCreate之前执行一次,this是undefined. setup参数(只能收到2个): 1 props:值为对象,包含:组件外部传递过来,且组件内部声明接收了 ...
java把二维转换为一维_在R语言中什么函数可以将二维数组转换成一维数组
满意答案 vi31892i 2013.09.11 采纳率:44% 等级:11 已帮助:6956人这好象是汇编语言的问题吧举个例子吧 #include "iostream.h&quo ...

vue3中setup()函数的使用二

vue3中setup()函数的使用二相关推荐

最新文章

热门文章