首页 > 其他分享 >创建导入vue项目

创建导入vue项目

时间:2024-05-29 19:05:05浏览次数:27  
标签:插件 vue 创建 App 导入 ui router

1、cmd——>vue ui

2、选择目录,创建,选择插件

手动创建: router、vuex打开,formatter关掉(选vue2)

外加插件:axios用于后期封装,element用于ui

3、idea打开工程

此时发现插件已经引入了。

springboot+vue写起来的时间会比较快,很多都是之间生成。

跑一下确保运行成功:

3、创建第一个页面

引入Login.vue,设置路由,path、component映射,不可少

展示的页面最终只有App.vue, 要通过路由动态(router-view)切换,所以需要改默认生成的App.vue代码:

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>
<script setup>
</script>

4、成功进入

标签:插件,vue,创建,App,导入,ui,router
From: https://blog.csdn.net/weixin_62281775/article/details/139226350

相关文章

  • Java项目:205Springboot + vue实现的养老院管理系统(含论文)
    作者主页:夜未央5788 简介:Java领域优质创作者、Java项目、学习资料、技术互助文末获取源码项目介绍基于Springboot+vue实现的养老院管理系统系统包含老人、家属、管理员三个角色系统包含登录、注册、主页、老人管理、家属管理、家属意见管理、寝室管理、老人事故信......
  • 创建第一个vue项目(基于vue-cli脚手架)
    目录vue项目要求环境 创建第一个项目vue项目要求环境安装node.js(https://nodejs.org/en/)    测试node是否安装成功node-v   效果如下安装vue-cli(以下指令皆在cmd命令窗口输入)npminstall-g@vue/cli安装vue.js npminstallvue  ......
  • 升鲜宝供应链管理系统重构版发布(技术点:Java8、mysql8.0 uniapp、vue、android、web 框
    升鲜宝供应链管理系统重构版发布(技术点:Java8、mysql8.0uniapp、vue、android、web框架:Vue3+SpringBoot3),界面功能(三) 主要功能要点:     权限管理(组织机构、用户管理、角色管理、岗位管理)     系统设置(菜单管理、参数管理、数据字典、定时任务、文件管......
  • px2rem 实现vue rem 自适应/
    npminstallpostcss-px2rempx2rem-loader--save新建js文件rem.js//rem等比适配配置文件//基准大小constbaseSize=16//设置rem函数functionsetRem(){//当前页面宽度相对于1920宽的缩放比例,可根据自己需要修改。constscale=document.documentElem......
  • YAML示例:创建daemonset
    apiVersion:apps/v1kind:DaemonSetmetadata:name:test-ds-1namespace:sjlabels:k8s-app:arksec-ds-1spec:selector:matchLabels:name:arksec-ds-1template:metadata:labels:name:arksec-ds-1spec:nodeSelector:#只让它在指定hostname的节点上创建,注意,......
  • 基于Springboot + vue实现的网上订餐系统--附源码+论文+数据库
    基于Springboot+vue实现的网上订餐系统摘 要随着我国经济的飞速发展,人们的生活速度明显加快,在餐厅吃饭排队的情况到处可见,近年来由于新兴IT行业的空前发展,它与传统餐饮行业也进行了新旧的结合,很多餐饮商户开始通过网络建设订餐系统,通过专门的网上订餐系统,一方面节省了用......
  • 学习VUE3——模板引用ref
    在某些情况下,我们仍然需要直接访问底层DOM元素。要实现这一点,我们可以使用特殊的refattribute:<inputref="input">ref是一个特殊的attribute,和v-for章节中提到的key类似。它允许我们在一个特定的DOM元素或子组件实例被挂载后,获得对它的直接引用。这可能很有用,比......
  • 创建和管理一个 CA 及证书的生命周期
    任务详情0使用openssl或者gmssl,提交markdown格式文档和转化后的pdf1创建一个根CA,包括生成私钥和根证书。分析证书和0015,0034标准的符合情况2为一台服务器生成一个私钥和证书签署请求(CSR)。3使用根CA对服务器的CSR进行签名,生成服务器证书。4吊销该服务器的证书。......
  • vue+iframe使用及踩坑
    父级引用<iframeid="自定义id"@load="iframeLoadHandle"src="引入iframe地址"frameborder="0"scrolling="auto"class="iframe-con"width="100%"height="100%"></iframe>@load......
  • vue中引入公共方法并使用
    1、在utils文件夹中新建utils.js/***通用js方法封装处理两种方式*Copyright(c)2019ruoyi*//**第一种方式*/functionmyFun(){console.log('thisismyfunction')}functionfn1(){console.log("全局方法一")}//将上面连个全局公共方法,组合成一......