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

JavaWeb - Vue项目

article 2024/9/25 7:15:44

创建

命令行

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/news/288920.html

相关文章：

  • 软考高级网络规划设计师含金量高吗？
  • 数据传输安全——混合加解密（国密）
  • 使用安信可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
  • 直播路由器的原理是什么
  • Linux CentOS 7.39 安装mysql8
  • rabbitmq发送的消息接收不到
  • 告别文档处理烦恼，PDF Guru Anki一键搞定所有
  • 多目标应用：基于双存档模型的多模态多目标进化算法（MMOHEA）的移动机器人路径规划研究（提供MATLAB代码）
  • C语言之猜数字小游戏
  • 【苍穹外卖】Day3 菜品接口
  • dinput8.dll错误应该如何修复呢？五种快速修复dinput8.dll错误的问题
  • SpringBoot开发——初步了解SpringBoot
  • CephX 认证机制及用户管理
  • 功能测试常用的测试用例大全