当前位置： 首页 > article >正文

JavaWeb - Vue项目

article 2024/12/26 3:01:35

创建

命令行

vue create project

图形化界面

vue ui

目录结构

启动

命令行

npm run serve

端口配置

Vue的组件文件以.vue结尾

每个组件有三个部分组成：

  • <template>：模板部分，由它生成HTML代码
  • <script>：控制模板的数据来源和行为
  • <style>：CSS样式 

前端路由

URL中的hash(#号)与组件之间的对应关系

Vue路由

安装：npm install vue-router@3.5.1

在router/index.js中

打包部署

打包

命令行：

npm run build

部署

  


http://www.kler.cn/a/288920.html

相关文章：

  • Springboot + vue3 实现大文件上传方案：秒传、断点续传、分片上传、前端异步上传
  • Idea导入Springboot项目，无法正确加载yml文件，且不为绿色图标的解决办法
  • Scala_【1】概述
  • MacOS M3源代码编译Qt6.8.1
  • vue中proxy代理配置(测试二)
  • EasyExcel停更，FastExcel接力
  • 软考高级网络规划设计师含金量高吗？
  • 数据传输安全——混合加解密（国密）
  • 使用安信可Ai-WB2-12F开启wifi与手机通信TCP-IP(AT指令)
  • 在Spring框架中，如何实现依赖注入？请列举几种注入方式。请解释Spring Boot的自动配置特性，并讨论其如何简化Web应用开发。
  • 释放GPU潜能：PyTorch中torch.nn.DataParallel的数据并行实践
  • PhpStorm下调试功能配置
  • 【C语言】结构体新的理解
  • css重置样式表 reset.css 格式化默认css样式
  • JavaWeb基础 -- SpringMVC请求和响应
  • Unity 3D学习资料集合
  • 山东大学OLED透明展示柜案例：科技赋能，创新展示新体验
  • 使用HTTP代理注意的点
  • shell脚本发送随机请求
  • 计算机视觉之 GSoP 注意力模块
  • 《第二十六章 IO 流 - 字节流》
  • 在项目中使用 redis存储 数据，提高 项目运行速度
  • 【Linux】 理解 Linux 中的 `dup2` 函数
  • Spring框架中的@EventListener注解浅谈
  • 【C++ Primer Plus习题】8.2
  • 直播路由器的原理是什么