使用vue UI安装路由插件

news2024/11/29 2:43:29

1.使用vue创建项目

vue create vue-app

vue ui

 2.使用vue ui界面创建管理项目

终端页面输入：vue ui

创建项目

安装完成。可以直接在ui界面运行，也可以在编辑器中使用命令运行

安装路由，安装状态

选择插件 - 添加vue-router、添加vuex

安装完成vue-router后会在项目文件夹src中生成一个router文件夹以及文件夹下生成一个index.js文件

添加vuex状态管理

安装完成vuex后项目文件夹src下会生成一个store文件夹以及文件夹下生成一个index.js文件

点击任务，serve，运行项目，运行完后点击“启动app”后在浏览器中打开项目文件

至此就安装完成项目以及添加路由和状态管理成功了

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1291120.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

面试常问的dubbo的spi机制到底是什么？（下）

面试常问的dubbo的spi机制到底是什么？（下）

前文回顾 前一篇文章主要是讲了什么是spi机制，spi机制在java、spring中的不同实现的分析，同时也剖析了一下dubbo spi机制的实现ExtensionLoader的实现中关于实现类加载以及实现类分类的源码。 一、实现类对象构造 看实现类对象构造过程之前，先…
阅读更多...
8051的存储结构组成--程序存储空间、数据存储卡空间、特殊功能寄存器、位地址空间

8051的存储结构组成--程序存储空间、数据存储卡空间、特殊功能寄存器、位地址空间

AT89S51的存储结构 本文主要涉及8051单片机的存储结构，它的存储结构主要包括四部分，分别是出程序存储空间、数据存储卡空间、特殊功能寄存器、位地址空间四部分，下面将会展开描述。 文章目录 AT89S51的存储结构一、 程序存储空间二、 数据存储…
阅读更多...
总结｜哪些平台有大模型知识库的Web API服务

总结｜哪些平台有大模型知识库的Web API服务

截止2023/12/6 笔者个人的调研，有三家有大模型知识库的web api服务： 平台类型文档数量文档上传并解析的结构api情况返回页码文心一言插件版多文档有问答api，文档上传是通过网页进行上传有，而且是具体的chunk id，需要设…
阅读更多...
CentOS服务器网页版Rstudio-server及R包批量安装最佳实践

CentOS服务器网页版Rstudio-server及R包批量安装最佳实践

CentOS服务器安装网页版Rstudio-server及R包批量安装 以下为CentOS 7/8的Rstudio-server安装、配置和R包安装操作 1. 软件包安装 Centos 7安装 # 下载安装包，大小115.14 MB wget -c https://download2.rstudio.org/server/centos7/x86_64/rstudio-server-rhel-…
阅读更多...
【工厂方法】设计模式项目实践

【工厂方法】设计模式项目实践

前言 以采集数据处理逻辑为例，数据采集分为不同种类如：MQTT、MODBUS、HTTP等，不同的采集数据有不同的解析处理逻辑。但总体解析处理步骤是固定的。可以使用工厂方法设计模式简化代码，让代码变得更加优雅。 代码实践 抽象类 总体…
阅读更多...
每天五分钟计算机视觉：通过残差块搭建卷积残差神经网络Resnet

每天五分钟计算机视觉：通过残差块搭建卷积残差神经网络Resnet

本文重点 随着深度神经网络的层数的增加，神经网络会变得越来越难以训练，之所以这样就是因为存在梯度消失和梯度爆炸问题。本节课程我们将学习跳跃连接方式，它可以从某一网络层获取激活a，然后迅速反馈给另外一层，甚至是神经网络的更深层，从而解决梯度消失的问题。 传统的…
阅读更多...
SMART PLC求余指令

SMART PLC求余指令

SMART PLC求余功能块在伪随机数发生器上的应用请查看下面文章链接： https://rxxw-control.blog.csdn.net/article/details/123793176https://rxxw-control.blog.csdn.net/article/details/123793176待续....
阅读更多...
Qt之QGraphicsView —— 笔记1.2：将QGraphicsView放置主窗口上，绘制简单图元（附完整源码）

Qt之QGraphicsView —— 笔记1.2：将QGraphicsView放置主窗口上，绘制简单图元（附完整源码）

效果 相关类介绍 QGraphicsView类提供了一个小部件，用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口，以确保该点在视图中居中。 QGraphicsScene类 提供了一个用于管理大量二维图形项的场景。请注意，QGraphicsScene没有自己的视…
阅读更多...
Nginx配置反向代理与负载均衡

Nginx配置反向代理与负载均衡

Nginx配置反向代理与负载均衡 一、代理服务1.正向代理2.反向代理 二、实战场景-反向代理1.修改nginx配置 -> nginx.conf文件2.修改前端路径 三、实战场景-负载均衡1.热备2.轮询3.加权轮询4.ip_hash ​ Nginx (“engine x”) 是一个高性能的HTTP和反向代理服务器，…
阅读更多...
ubuntu22 安装 cuda12.0

ubuntu22 安装 cuda12.0

本文是先安装显卡驱动后进行的操作 查看显卡驱动支持CUDA的最新版本12.0 nvidia-smi 检查gcc版本 gcc -v 查看系统支持的gcc版本 https://docs.nvidia.com/cuda/cuda-installation-guide-linux/index.html 选择对应的安装cuda命令 https://developer.nvidia.com/cuda-too…
阅读更多...
居民最低生活保障人数数据，2020-2022年数据，shp矢量及表格数据均有！

居民最低生活保障人数数据，2020-2022年数据，shp矢量及表格数据均有！

居民最低生活保障，是国家对共同生活的家庭成员人均收入低于当地最低生活保障标准，且符合当地最低生活保障家庭财产状况规定的家庭，给予最低生活保障。 基本信息. 数据名称: 居民最低生活保障人数数据 数据格式: shpexcel 数据几何类型: 面…
阅读更多...
C练习题13

C练习题13

单项选择题(本大题共20小题,每小题2分,共40分。在每小题给出的四个备选项中,选出一个正确的答案,并将所选项前的字母填写在答题纸的相应位置上。) 1.结构化程序由三种基本结构组成、三种基本结构组成的算法是() A.可以完成任何复杂的任务 B. 只能完成部分复杂的任务 C. 只能完…
阅读更多...
Fabric:链码的部署及执行

Fabric:链码的部署及执行

Hyperledger Fabric:V2.5.4 写在最前 使用Fabric搭建自定义网络参考：https://blog.csdn.net/yeshang_lady/article/details/134113296 使用Fabric创建应用通道参考：https://blog.csdn.net/yeshang_lady/article/details/134668458 接下来将介绍如何在自…
阅读更多...
配置BFD多跳检测示例

配置BFD多跳检测示例

BFD简介 定义 双向转发检测BFD（Bidirectional Forwarding Detection）是一种全网统一的检测机制，用于快速检测、监控网络中链路或者IP路由的转发连通状况。 目的 为了减小设备故障对业务的影响，提高网络的可靠性，网…
阅读更多...
CSS属性 display和visibility的区别

CSS属性 display和visibility的区别

在CSS中&#xff0c;有两种让元素隐藏的方式&#xff0c;分别是display和visibility&#xff0c;他们有什么区别呢&#xff1f; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport"…
阅读更多...
数据结构 | 查漏补缺之ASL、线索二叉树、哈夫曼树、大根堆、邻接表邻接矩阵

数据结构 | 查漏补缺之ASL、线索二叉树、哈夫曼树、大根堆、邻接表邻接矩阵

目录 ASL 情形之一&#xff1a;二分查找 线索二叉树 参考博文 哈夫曼树 参考博文 大根堆 参考博文 邻接表&邻接矩阵 参考博文1 参考博文2 ASL 参考博文 关于ASL(平均查找长度)的简单总结_平均查找长度asl-CSDN博客 情形之一&#xff1a;二分查找 线索二叉树 …
阅读更多...
记录 | python向上取整和向下取整

记录 | python向上取整和向下取整

python 向上取整和向下取整 向上取整 使用 ceil()&#xff1a; import mathx 0.55 x0 math.ceil(x)向下取整 使用 floor()&#xff1a; import mathx 0.55 x1 math.floor(x)如下&#xff1a;
阅读更多...
文章解读与仿真程序复现思路——中国电机工程学报EI\CSCD\北大核心《计及管网选型与潮流约束的区域综合能源系统分期协同规划》

文章解读与仿真程序复现思路——中国电机工程学报EI\CSCD\北大核心《计及管网选型与潮流约束的区域综合能源系统分期协同规划》

这个标题涉及到区域综合能源系统的规划&#xff0c;其中考虑了两个关键因素&#xff1a;管网选型和潮流约束。下面对标题中的关键术语进行解读&#xff1a; 区域综合能源系统&#xff1a; 这指的是一个综合考虑多种能源形式&#xff08;比如电力、热能、气体等&#xff09;的系…
阅读更多...
Jenkins+Maven+Gitlab+Tomcat 自动化构建打包，部署

Jenkins+Maven+Gitlab+Tomcat 自动化构建打包，部署

环境准备Jenkins工具、环境、插件配置全局变量配置安装插件Deploy to containerMaven Integration plugin配置国内mvn源 创建maven项目 环境准备 1、安装服务 Jenkins工具、环境、插件配置 全局变量配置 Manage Jenkins>tools>JDK 安装 安装插件 Deploy to contai…
阅读更多...
网站导航栏下滑隐藏，上滑显示，效果杠杆，兼容性强

网站导航栏下滑隐藏，上滑显示，效果杠杆，兼容性强

前言 导航栏是网站必不可少的一部分&#xff0c;那么&#xff0c;导航栏应该怎么样子实现&#xff0c;可以高效自定义兼容开发呢&#xff1f;当然&#xff0c;不仅要实现&#xff0c;而且还要实现导航栏顶部固定位置&#xff0c;下拉隐藏&#xff0c;稍微往上滑动就会出现&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023