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

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

部署

  

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Qt第三课 ----------widget的控件属性及stylesheet样式(css样式)的简单介绍
  • mongodb 在 Windows 环境下迁移数据库的问题
  • Ubuntu解压7z压缩包方法
  • 开源网安引领AIGC+开发安全,智能防护铸就软件安全新高度
  • 遍历所有文件夹,并把文件里所有的csv合并为一个dataframe
  • 【计算机组成原理】你敢相信5.8+0.9=6.1这个等式居然成立!!!详细解读进制数之间的相互转换
  • GPU版pytorch安装(win/linux)
  • C++中STL之容器和迭代器
  • 计算机网络 第二章: 物理层概述
  • 移动端视频编辑SDK解决方案,AI语音识别添加字幕
  • JS设计模式之“幽灵工厂” - 抽象工厂模式
  • 驾驭Python与MySQL的桥梁:pymysql的神秘面纱
  • c# 笔记 winform添加右键菜单,获取文件大小 ,多条件排序OrderBy、ThenBy,list<double>截取前5个
  • 一篇入门C语言【文件】
  • AMP网站的SEO 关于“备用网页”应该如何处理?
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • 「译」Node.js Streams 基础
  • 【MySQL经典案例分析】 Waiting for table metadata lock
  • 2017-09-12 前端日报
  • 30天自制操作系统-2
  • dva中组件的懒加载
  • github从入门到放弃(1)
  • java第三方包学习之lombok
  • Laravel 实践之路: 数据库迁移与数据填充
  • Mysql数据库的条件查询语句
  • node.js
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • Vue2 SSR 的优化之旅
  • 对话 CTO〡听神策数据 CTO 曹犟描绘数据分析行业的无限可能
  • 干货 | 以太坊Mist负责人教你建立无服务器应用
  • 搞机器学习要哪些技能
  • 工作中总结前端开发流程--vue项目
  • 后端_ThinkPHP5
  • 入门级的git使用指北
  • 十年未变!安全,谁之责?(下)
  • 由插件封装引出的一丢丢思考
  • 7行Python代码的人脸识别
  • Spring Batch JSON 支持
  • 分布式关系型数据库服务 DRDS 支持显示的 Prepare 及逻辑库锁功能等多项能力 ...
  • ![CDATA[ ]] 是什么东东
  • $L^p$ 调和函数恒为零
  • %check_box% in rails :coditions={:has_many , :through}
  • (¥1011)-(一千零一拾一元整)输出
  • (2)空速传感器
  • (delphi11最新学习资料) Object Pascal 学习笔记---第2章第五节(日期和时间)
  • (php伪随机数生成)[GWCTF 2019]枯燥的抽奖
  • (八)c52学习之旅-中断实验
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (附源码)spring boot校园拼车微信小程序 毕业设计 091617
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (简单有案例)前端实现主题切换、动态换肤的两种简单方式
  • (七)c52学习之旅-中断
  • (三)mysql_MYSQL(三)