Vue3的尝试（一）

前言

搭建vue3工程环境，根据文档试验新api，下文中只列举了reactive、ref。
下文在参考文章中都有，只是抽取些部分的做个记录。
个人建议跳过，直接看参考更好。

构建环境

• 安装vue-cli脚手架工具 npm install -g @vue/cli
• 创建工程 vue create vue3test
• 更新vue版本 vue add vue-next
• 启动 npm run serve

Composition API

• reactive

<template>
  <div>{{ count.value }}</div>
</template>
//
<script>
  export default {
    setup() {
      return {
        count: reactive({value:0})
      }
    }
  }
</script>

• ref

<template>
  <div>{{ count }}</div>
</template>
//
<script>
  export default {
    setup() {
      return {
        count: ref(0)
      }
    }
  }
</script>

参考

1.vue3.0创建项目及API讲解（一）
2.composition-api——官方文档