uniapp 中vue3尝鲜，huilderX中创建vue3版本的uniapp 项目

最新版本的HbuilderX 已经支持 创建vue3版本的uniapp 项目了
但是默认创建的还是 vue2版本,需要我们手动更改到 vue3版本
在manifest.json 可视化配置页面进行更改

然后我们就可以 写vue3的语法了

我们就拿最经典的计数器作为尝鲜吧

<template>
	<view class="content">
		<button type="primary" @click="addCount">加一button>
		{{count}}
		<button type="warn" @click="deCount">减一button>
	view>
template>

import { ref } from "vue"
	export default {
		setup() {
			const count = ref(0)
			const addCount = () => {
				 count.value += 1
			}
			const deCount = () => {
				count.value  -= 1
			}
			return {
				count,
				addCount,
				deCount
			}
		},
	}

关注我 持续 更新 前端知识。