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

JavaWeb - Vue项目

创建

命令行

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

相关文章:

  • 算力100问☞第5问:算力如何衡量?
  • Spark RDD中常用聚合算子源码层面的对比分析
  • flinkOnYarn并配置prometheus+grafana监控告警
  • Vim 编辑器学习笔记
  • 火车车厢重排问题,C++详解
  • 华为云前台用户可挂载数据盘和系统盘是怎么做到的?
  • 软考高级网络规划设计师含金量高吗?
  • 数据传输安全——混合加解密(国密)
  • 使用安信可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
  • 直播路由器的原理是什么