vue3.0+vite+route 新建项目

若博豆

已于 2022-09-26 10:50:43 修改

阅读量1k

点赞数

分类专栏： vue 文章标签： vue.js npm 前端

于 2022-05-07 13:58:23 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_34465338/article/details/124626845

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、安装vite

1、安装node（node.js官网安装）版本大于12.0

2、全局安装vite

npm install -g create-vite-app

二、创建项目（此命令只用于vue3.0项目）

create-vite-app  create-vite-app

或

npm init vite@latest

三、安装依赖

npm install

四、启动项目

npm run dev

上面是最基础的vue3+vite项目，下面开始配置route

查看vue-router版本：

npm info vue-router versions

直接安装最新的版本vue-router：

npm install vue-router @4

在src目录下面创建router目录

router->index.js中代码：

*注意下面这种写法是错误的：不能有大括号

main.js

App.vue

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
vue3.0+vite+route 新建项目

一、安装vite1、安装node（node.js官网安装）版本大于12.02、全局安装vitenpm install -g create-vite-app二、创建项目（此命令只用于vue3.0项目）create-vite-appcreate-vite-app三、安装依赖npm install 四、启动项目npm run dev上面是最基础的vue3+vite项目，下面开始配置route查看vue-router版本：npm info vu...
复制链接

扫一扫

专栏目录

若博豆 CSDN认证博客专家 CSDN认证企业博客

码龄8年

407: 原创

1万+: 周排名

1万+: 总排名

117万+: 访问

: 等级

7382: 积分

5243: 粉丝

1073: 获赞

2811: 评论

3533: 收藏

私信

关注

热门文章

分类专栏

最新评论

【华为OD机试真题2023C&D卷 JAVA&JS】英文输入法
幽兰_香风远: 2024.05.13，这边候选人反馈，该题答案应该再对结果进行去重，则可通过100%后台测试数据。
【华为OD机试真题2023C&D卷 JAVA&JS】密码解密
踏雪迎霜: 这里可以用两次for循环，第一次处理“*”（因为*号必处理前两位），第二次处理单个位的字符 [code=java] import java.util.Scanner; public class a13 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String str = sc.nextLine(); StringBuilder sb = new StringBuilder(str); for(int i = 0; i < sb.length(); i++){ if(sb.charAt(i) == '*'){ String s1 = sb.substring(i - 2, i); int num = Integer.valueOf(s1) + 96; String s2 = String.valueOf((char) num); sb.replace(i - 2, i + 1, s2); } } for(int i = 0; i < sb.length(); i++){ if(Character.isDigit(sb.charAt(i))){ int num = sb.charAt(i) - '0' + 96; String s1 = String.valueOf((char) num); sb.replace(i, i + 1, s1); } } System.out.println(sb); } } [/code]
【华为OD机试真题2023B卷 JAVA&JS】路灯照明问题
m0_59571735: [code=java] public class Main{ public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); sc.nextLine(); String[] str = sc.nextLine().split(" "); List<Node> list = new ArrayList<>(); for(int i=0; i<n; i++){ int x = Integer.valueOf(str[i]); int l = i*100 - x > 0 ? i*100 - x : 0 ; //边界处理 int r = i*100 + x > (n-1)*100 ? (n-1)*100 : i*100 + x; Node node = new Node(l, r); list.add(node); } Collections.sort(list); int left = list.get(0).left; int right = list.get(0).right; List<Node> list1 = new ArrayList<>(); for(int i=1;i<list.size();i++){ Node node = list.get(i); if(node.left > right){ Node node1 = new Node(left, right); list1.add(node1); left = node.left; right = node.right; [/code]
【华为OD机试真题2023B卷 JAVA&JS】路灯照明问题
m0_59571735: public class Main{ public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); sc.nextLine(); String[] str = sc.nextLine().split(" "); List<Node> list = new ArrayList<>(); for(int i=0; i<n; i++){ int x = Integer.valueOf(str[i]); int l = i*100 - x > 0 ? i*100 - x : 0 ; //边界处理 int r = i*100 + x > (n-1)*100 ? (n-1)*100 : i*100 + x; Node node = new Node(l, r); list.add(node); } Collections.sort(list); int left = list.get(0).left; int right = list.get(0).right; List<Node> list1 = new ArrayList<>(); for(int i=1;i<list.size();i++){ Node node = list.get(i); if(node.left > right){ Node node1 = new Node(left, right); list1.add(node1); left = node.left; right = node.right; }else {
【华为OD机试真题2023C&D卷 JAVA&JS】火星文计算
哈哈哈真好笑: 先分割#，然后遍历每个元素，分割$,使用stream处理运算逻辑 public static void main(String[] args) { Scanner in = new Scanner(System.in); String input = in.nextLine(); String[] split = input.split("#"); Integer[] nums = new Integer[split.length]; for (int i = 0; i < split.length; i++) { if (!split[i].contains("$")) { nums[i] = Integer.parseInt(split[i]); } else { String[] split1 = split[i].split("\\$"); nums[i] = Arrays.stream(split1).mapToInt(Integer::valueOf).reduce((x, y) -> 3 * x + y + 2).getAsInt(); } } Integer res = new ArrayList<>(Arrays.asList(nums)).stream().reduce((x, y) -> 2 * x + 3 * y + 4).get(); System.out.println(res); }

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

若博豆 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。