没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
1
V
u
e
⾯
试
真
题
(
题
)
Composition API
可
以
说
是
Vue3
的
最
⼤
特点
,
那
么为什么
要
推
出
Composition Api
,
解
决
了什么
问题
?
通
常
使
⽤
Vue2
开
发
的
项
⽬
,
普
遍
会
存
在
以
下
问题
:
代
码的
可
读
性
随
着
组
件
变
⼤
⽽
变
差
每
⼀
种
代
码
复
⽤
的
⽅
式
,
都
存
在
缺
点
TypeScript
⽀
持
有
限
以
上
通过
使
⽤
Composition Api
都
能
迎
刃
⽽
解
Options API
,
即
⼤
家
常
说
的
选
项
API
,
即
以
vue
为
后
缀
的
⽂
件
,
通过
定
义
methods
,
comput
ed
,
watch
,
data
等
属
性
与
⽅
法
,
共
同
处
理
⻚⾯
逻辑
如
下
图
:
1.
Vue3.0
所
采
⽤
的
Composition Api
与
Vue2.x
使
⽤
的
Options Api
有
什么
不
同
?
1.1.
开
始
之
前
●
●
●
1.2.
正
⽂
1.2.1.
Options Api
2
可
以
看
到
Options
代
码
编
写
⽅
式
,
如
果是
组
件
状
态
,
则写
在
data
属
性
上,
如
果是
⽅
法
,
则写
在
me
thods
属
性
上
...
⽤
组
件
的
选
项
(
data
、
computed
、
methods
、
watch
)
组织
逻辑
在
⼤多
数
情
况
下
都
有
效
然
⽽
,
当
组
件
变
得
复
杂
,
导
致
对
应
属
性
的
列
表
也会
增
⻓
,
这
可
能
会
导
致
组
件
难
以
阅
读
和
理
解
3
在
Vue3 Composition API
中
,
组
件
根
据
逻辑
功
能
来
组织
的
,⼀个
功
能
所
定
义
的
所
有
API
会
放
在
⼀
起
(
更
加
的
⾼
内
聚
,
低
耦
合
)
即
使
项
⽬
很
⼤
,
功
能
很
多
,
我
们
都
能
快
速
的
定
位
到
这
个
功
能
所
⽤
到
的
所
有
API
下
⾯
对
Composition Api
与
Options Api
进
⾏
两
⼤
⽅
⾯
的
⽐
较
逻辑
组织
逻辑
复
⽤
假
设
⼀个
组
件
是
⼀个
⼤
型
组
件
,
其内
部
有
很
多处
理
逻辑
关
注
点
(
对
应
下
图
不
⽤
颜
⾊
)
1.2.2.
Composition Api
1.2.3.
对
⽐
●
●
1.2.3.1.
逻辑
组织
1.2.3.1.1.
Options API
4
可
以
看
到
,
这
种
碎
⽚
化
使
得
理
解
和
维
护
复
杂
组
件
变
得
困
难
5
选
项
的
分
离
掩
盖
了
潜
在
的
逻辑
问题
。
此
外
,
在
处
理
单
个
逻辑
关
注
点
时
,
我
们
必
须
不
断
地
“
跳
转
”
相
关
代
码
的
选
项
块
⽽
Compositon API
正
是
解
决
上
述
问题
,
将
某
个
逻辑
关
注
点
相
关
的
代
码
全
都
放
在
⼀个
函
数
⾥
,
这
样
当
需
要
修
改
⼀个
功
能
时
,
就
不
再
需
要
在
⽂
件中
跳
来
跳
去
下
⾯
举
个
简
单
例
⼦
,
将
处
理
count
属
性
相
关
的
代
码
放
在
同
⼀个
函
数
了
组
件
上
中使
⽤
count
1.2.3.1.2.
Compostion API
function useCount() {
let count = ref(10);
let double = computed(() => {
return count.value * 2;
});
const handleConut = () => {
count.value = count.value * 2;
};
console.log(count);
return {
count,
double,
handleConut,
};
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
JavaScript
复
制
代
码
export default defineComponent({
setup() {
const { count, double, handleConut } = useCount();
return {
count,
double,
handleConut
}
},
});
1
2
3
4
5
6
7
8
9
10
JavaScript
复
制
代
码
剩余43页未读,继续阅读
资源评论
猫头虎
- 粉丝: 23w+
- 资源: 379
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功