Vite + ＜script setup /＞ —— vue3的正确打开方式

前言

打算用 Vue3 作为下一步的主要框架，于是乎使用 Vite 创建了一个 Vue3 项目，竟然打开了通往新世界的大门。

<template>
	<button @click="state.count++">count is: {
  {state.count}}</button>
</template>
<script setup>
import {
     reactive } from 'vue'

const state = reactive({
    count: 0})
</script>

这是 Vite 提供的 Vue3 模板摘出的一部分

使用 Vite 建立 Vue3 工程

首先介绍一下Vite

Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。

接下来创建Vue3项目

使用 npm：

$