07_vue3源码02：第一部分1
需积分: 0 56 浏览量
2022-08-03
20:50:36
上传
评论
收藏 967KB PDF 举报
vue3源码剖析02
学习⽬标
composition-api体验
Vue3响应式源码学习
响应式原理：Vue2 vs Vue3
造轮⼦之旅
composition-api
⽂档
https://vue-composition-api-rfc.netlify.com
初体验
<div id="app">
<h1>composition-api</h1>
<p @click="add">{{state.counter}}</p>
<p>{{state.doubleCounter}}</p>
</div>
<script src="../dist/vue.global.js"></script>
<script>
const { createApp, reactive, computed } = Vue
const app = createApp({
setup() {
const state = reactive({
counter: 0,
doubleCouter: computed(() => counter * 2)
})
web全栈架构师
评论0