Composition API介绍

Composition API

Composition API介绍

Composition API字面意思是组合API，它是为了实现基于函数的逻辑复用机制而产生的。

调试环境搭建

方案一：

• 迁出Vue3源码： git clone https://github.com/vuejs/vue-next.git
• 安装依赖： yarn
• 生成sourcemap文件，package.json

"dev": "node scripts/dev.js --sourcemap"

• 编译： yarn dev

生成结果：packages\vue\dist\vue.global.js

方案二：
在head标签中引入以下

基本使用

    
    
    
    
    
    



    hello vue3
    

        
{{state.count}}--{{count2}}---{{state.doubleCount}}
        
count: {{ state.count }}
        
count: {{ count2 }}
    
    

简单demo

    
    
    
    
    
    



    hello vue3
    

    

参考链接：

官方文档：
composition api

其他文档：