安装node.js
vue --version (4.5.0以上)
npm install -g @vue/cli
vue create 项目名称
npm run dev 启动
npm run build 打包
————————
vite 创建工程
npm create vue@latest
npm i
npm run dev 启动
npm run build 打包
=====================
项目结构
.vscode extensions.json 插件
node-modules 依赖
public 页签图标 根目录
src 源代码
env.d.ts 目录引用
index.html 首页 入口文件
package.json 命令 包管理
package-lock.json 包管理
tsconfig.* ts配置
vite.config.ts 工程配置文件
===============
引入
=====================
vue文件结构
=======
插件安装
npm -i vite-plugin-vue-setup-extend
=====
数据格式
<script setup lang="ts" name="Person">
import {ref,reative} from 'vue'
let name = ref ('张三' )
let age =ref ('18')
let phone = '18855555222'
// 函数
function changename() {
name.value = '二八'
}文章来源:https://www.toymoban.com/news/detail-775511.html
function changeage() {
age.value = '28'
}
function see() {
alert(phone)
}
</script>文章来源地址https://www.toymoban.com/news/detail-775511.html
到了这里,关于vue3项目创建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!