VUE从0到1创建项目及基本路由、页面配置

一、创建项目:(前提已经安装好vue和npm)

目录:E:\personal\project_pro\

windows下,win+R 输入cmd进入命令行:

cd E:\personal\project_pro
E:# 创建名为test的项目
vue create test# 用上下键选择vue2或vue3,回车确认创建

本次选择VUE3        

创建好项目后,使用pycharm或者其他编译器打开,结构目录如下,除红色框内外其他内容默认创建

二、新增vue页面

在components文件夹下新建两个vue文件做测试用:aaa.vue、bbb.vue

vue中内容如下:

# aaa.vue
<template>
<div>这是aaa</div>
</template><script>
export default

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

FPS游戏之漫谈开房间流程

在FPS游戏中创建房间的前端和后端逻辑通常如下&#xff1a; 前端&#xff08;客户端&#xff09;逻辑&#xff1a; 用户界面设计&#xff1a; 提供一个创建房间的表单&#xff0c;包含输入框&#xff08;房间名、可选密码、房间类型选择等&#xff09;。提供创建按钮&#xff…

Nginx之rewrite重写功能

一、rewrite概述 1、rewrite功能 访问重写 rewrite 是 Nginx HTTP 请求处理过程中的一个重要功能&#xff0c;它是以模块的形式存在于代码中的&#xff0c;其功能是对用户请求的 URI 进行 PCRE 正则重写&#xff0c;然后返回 30 重定向跳转或按条件执行相关配置。 Nginx服务…

重新认识linux中的sudo命令

以前一直以为sudo命令就是以root权限执行命令&#xff0c;打了HACKSUDO: THOR靶场才发现原来sudo还可以有很多别的用法。 sudo的常用参数&#xff1a; -u&#xff1a;指定以特定用户的身份执行命令&#xff0c;格式为 -u username。-g&#xff1a;指定以特定用户组的身份执行…

idea 创建打包 android App

1、使用 idea 创建 android 工程 2、 配置构建 sdk 3、配置 gradle a、进入 gradle 官网&#xff0c;选择 install &#xff08;默认是最新版本&#xff09; b、选择包管理安装&#xff0c;手动安装选择下面一个即可 c、安装 sdk 并通过 sdk 安装 gradle 安装 sdk&#xff1a…

ABAP性能优化总结

前言 程序的效率是每个程序员开发者都应该重视的,无论您是采用哪一种语言进行开发. 程序有时候越短,并不一定越快,有时候程序很多代码,但不一定会很慢. 性能是一把双刃剑, 获得时间效率的同时, 牺牲的是空间的开销. 这里提供一些建议以提高你的程序运行速度和减低系统荷载。AB…

软件无线电SDR加人工智能算法实现无人机频谱探测

通用软件无线电接收机作为传感器实时接收探测无线电信号&#xff0c;加上深度学习算法实现频谱识别&#xff0c;(https://img-blog.csdnimg.cn/5a6c4d89a047453a94f763f4e67aeb17.png)

合并果子(哈夫曼树)NOIP2004提高组

在一个果园里&#xff0c;达达已经将所有的果子打了下来&#xff0c;而且按果子的不同种类分成了不同的堆。 达达决定把所有的果子合成一堆。 每一次合并&#xff0c;达达可以把两堆果子合并到一起&#xff0c;消耗的体力等于两堆果子的重量之和。 可以看出&#xff0c;所有…

个人编译踩的坑

CMake引入第三方库 find_package(PkgConfig REQUIRED) pkg_search_module(alibabacloud-oss-cpp-sdk IMPORTED_TARGET alibabacloud-oss-cpp-sdk) message(STATUS "AliOSS include path: ${alibabacloud-oss-cpp-sdk_INCLUDE_DIRS}") message(STATUS "AliOSS l…

大话设计模式——3.建造者模式(Builder Pattern)

1.定义&#xff1a; 将一个复杂对象的构建与它的表示分离&#xff0c;使得同样的构建过程可以创建不同的表示。UML图 2.示例&#xff1a; 汽车或者电脑的组装可以采用构造者模式进行设计&#xff0c;如汽车的引擎或者轮胎&#xff0c;电脑的处理器、内存、主板等都可以进行…

flutter简单的MethodChannel通道Demo(引入调用小红书sdk)

flutter端创建MethodChannel类 import package:flutter/services.dart;//MethodChannel const methodChannel const MethodChannel(com.flutter.demo.MethodChannel);class FlutterMethodChannel {/** MethodChannel flutter给原生发信息* 在方法通道上调用方法invokeMethod*…

FPS游戏漫谈System.GC.Collect()强制进行垃圾回收

在Unity中&#xff0c;System.GC.Collect()用于强制进行垃圾回收&#xff0c;但是它是一个相当耗时的操作&#xff0c;可能会导致游戏的帧率下降&#xff0c;甚至出现卡顿。因此&#xff0c;你应该尽量避免在游戏的主循环中频繁调用它。以下是一些关于在Unity中使用System.GC.C…

Java做个比对数据的框架

要创建一个Java中的数据比对框架&#xff0c;你需要考虑框架的架构、可扩展性、模块化和可重用性。以下是一个简单的步骤&#xff0c;指导你如何构建这样的框架&#xff1a; 定义框架的核心接口和抽象类&#xff1a; 定义数据源的接口&#xff0c;例如DataSource&#xff0c;用…

Java实战:Spring Boot接口防止重复提交

本文将详细介绍如何在Spring Boot应用程序中防止接口重复提交。我们将探讨重复提交的基本概念&#xff0c;以及如何使用Spring Boot和第三方库来实现接口的防重复提交功能。此外&#xff0c;我们将通过具体的示例来展示如何在Spring Boot应用程序中配置和使用防重复提交功能&am…

[开源协议] 什么是MIT协议及其使用场景

什么是MIT协议? MIT协议是一种开放源代码软件授权协议&#xff0c;全称为Massachusetts Institute of Technology License。该协议允许自由地使用、复制、修改、合并、发布、分发、再授权和销售软件及其副本的任何部分。MIT协议要求在软件的所有副本中包含版权声明和许可声明…

高性能API云原生网关 APISIX安装与配置指南

Apache APISIX是Apache软件基金会下的顶级项目&#xff0c;由API7.ai开发并捐赠。它是一个高性能的云原生API网关&#xff0c;具有动态、实时等特点。 APISIX网关可作为所有业务的流量入口&#xff0c;为用户提供了丰富的功能&#xff0c;包括动态路由、动态上游、动态证书、A…

瀑布型还是敏捷型?一次搞懂主数据项目实施方法

在主数据项目实施的过程中&#xff0c;经常会碰到一个让人头痛的问题&#xff0c;我该选择什么样的实施方法才能够更为高效地完成项目的交付&#xff1f; 得帆经过多年在软件行业的摸爬滚打&#xff0c;总结出了适合主数据项目的实施方法。接下来我们将为大家介绍两种常用的实…

Android 启动流程及 init 进程解析

一、Android 启动流程概括 按下电源键触发开机&#xff0c;从 ROM 加载引导程序 BootLoader 到 RAM 中&#xff0c;BootLoader 执行启动 Linux kernel&#xff0c;然后启动第一个用户进程 init&#xff0c;init 进程的工作包括挂载文件、创建文件目录、设置 selinux 安全策略&…

gitlab添加ssh公钥

一&#xff1a;生成公钥 桌面鼠标右击打开 Open Git Bash here (前提是安装了Git)&#xff1b; 2.输入命令 ssh-keygen -t rsa -C "123*****90qq.com"来生成新的密钥对,将其中的"123*****90qq.com"替换为你自己的电子邮件地址。 命令&#xff1a;ssh-keyg…

提升Vue3应用效率的秘诀:深入比较ref与reactive!

ref 和 reactive 是 Vue3 中实现响应式数据的核心 API。ref 用于包装基本数据类型&#xff0c;而 reactive 用于处理对象和数组。尽管 reactive 似乎更适合处理对象&#xff0c;但 Vue3 官方文档更推荐使用 ref。 我的想法&#xff0c;ref就是比reactive好用&#xff0c;官方也…

可分矩阵和k-拟可分矩阵

可分矩阵 可分矩阵&#xff08;Separable Matrix&#xff09;是线性代数和多变量数据分析中的一个重要概念。它关系到一种特殊类型的矩阵分解&#xff0c;这种分解可以将矩阵简化为更小的、更易处理的组成部分。在不同的应用背景中&#xff0c;可分矩阵的定义和性质可能有所不…