Vue3项目构建

1.转译由高版本至低版本,向下兼容,(ES6~ES11)使用Babel扩展

2.代码质量 使用ESlint 扩展

3.单文件组件(SFC) 组件=模板+JS+CSS

4.代码压缩

使用VSCode开发vue项目。

安装vue/cli 

首先安装node.js

然后使用安装命令:npm instal -g @vue/cli

创建项目:vue create oneproject

运行项目:npm run serve

创建组件--》导出组件--》注册组件--》使用组件

组件间数据传递

1] 组件间数据传递

父--子 用props传递

子--父用$.emit()方法传递

2]父组件传递template至子组件

01 插槽 slot

a:默认值插槽

b:命名插槽

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于 Vue 3 + Vite 项目构建,你可以按照以下步骤进行操作: 1. 确保你的开发环境已经安装了 Node.js。你可以在终端中运行 `node -v` 来检查是否已安装 Node.js,并确保其版本大于等于 12.0.0。 2. 安装 Vue CLI,它是一个官方提供的脚手架工具,用于创建和管理 Vue.js 项目。在终端中运行以下命令来全局安装 Vue CLI: ``` npm install -g @vue/cli ``` 3. 创建一个新的 Vue 3 项目。在终端中运行以下命令: ``` vue create my-project ``` 在创建过程中,你会被提示选择预设配置。选择 "Manually select features",然后按下空格键选择 "Choose Vue version"。选择 Vue 3.x 版本。 4. 进入到项目目录中: ``` cd my-project ``` 5. 安装 Vite。在终端中运行以下命令: ``` npm install -D vite ``` 6. 修改项目配置文件 `package.json`,将 `scripts` 中的 `serve` 和 `build` 命令替换为 Vite 的命令: ```json "scripts": { "dev": "vite", "build": "vite build", "serve": "vite preview" } ``` 7. 使用 Vite 运行项目。在终端中运行以下命令: ``` npm run dev ``` 这将启动开发服务器,你可以在浏览器中访问 `http://localhost:3000` 来预览你的 Vue 3 + Vite 项目。 8. 构建项目。在终端中运行以下命令: ``` npm run build ``` 这将生成一个生产优化的构建版本,可以在 `dist` 目录中找到。 这样,你就成功使用 Vue 3 + Vite 构建了一个项目。你可以根据自己的需求进行开发和调整。希望对你有帮助!如有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值