网站前台后台,有哪些设计软件,黑龙seo网站优化,全国工程建设信息网站一、使用script setup 之后#xff0c;就不需要手动写以下代码#xff0c;只要写逻辑代码
未加setup#xff0c;vite 工程要加上下面代码
*export default{ * setup(){ * //只要写逻辑代码 * return{***} * } * } 加了setup #xff0c;export default 、…一、使用script setup 之后就不需要手动写以下代码只要写逻辑代码
未加setupvite 工程要加上下面代码
*export default{ * setup(){ * //只要写逻辑代码 * return{***} * } * } 加了setup export default 、setup() return{***} 不需要写了。vue做特殊编译处理
eg
script setup/*** 单文件组件中使用组合式api:在顶部script标签元素上加上setup属性vue做特殊编译处理* 使用script setup 之后就不需要手动写以下代码只要写逻辑代码* export default{* setup(){* //只要写逻辑代码* return{***}* }* }*///只要导入和逻辑代码import {reactive} from vue;const state reactive({id:1,name:小梦,salary:999})function add(){state.salary;}//不需要return
/scripttemplatediv{{ state.id }} {{ state.name }} {{ state.salary }}button clickadd工资加1/button/div
/templatestyle scoped/style运行效果