Vue2新建项目（1）

已于 2022-08-29 09:34:07 修改
阅读量325 收藏
点赞数
分类专栏： vue新建项目 文章标签： vue.js javascript 前端
于 2022-08-29 09:18:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43840793/article/details/126540716
版权
新建项目

在这里插入图片描述
运行
在这里插入图片描述

新建页面

新建login页面
在这里插入图片描述

安装路由依赖
在这里插入图片描述
引入路由依赖
在这里插入图片描述
此时报错："export ‘computed’ was not found in ‘vue’
解决办法是降低vue-router的版本，在命令行运行npm install vue-router@3
引入页面
在这里插入图片描述
显示路由控制的页面

在这里插入图片描述
成功
在这里插入图片描述

优化结构

将路由文件专门放一个js中，这样main.js文件就简洁很多
在这里插入图片描述

在这里插入图片描述

zttbee
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue入门记录/教程 2、vue页面搭建
qq_39167720的博客
03-31 2350
前言：上一节我们完成了vue基本环境的配置，本文主要是用vue搭建一些基本页面，学习一下vue的基本操作
[BUG]export ‘xxx‘ was not found in ‘vue‘
weixin_45439090的博客
06-19 3844
export 'xxx' was not found in 'vue'
Java基础(34)
miao_6426的博客
07-20 58
手动安装vue-router默认安装出来的版本是4.x版本，4.x版本是为vue3.x匹配制作的，导致我们vue2.x核心的项目无法使用 解决方案：重装低版本的vue-router
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 解决办法
热门推荐
qq_45680037的博客
03-31 4万+
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 问题原因 今天在学习vue的过程中遇到一个这样的问题，在利用事件总线的时候出现上图的错误，经过百度，最终找到问题的原因就是版本的问题，我是安装了最新的vuecli，版本大概是4.5.4，我最开始安装vuecli没有指定版本 cli4中main.js中引用文件是下图 import {createApp} from 'vue’的格式引用的 而cli3中是用import Vue
vue新建项目cmd命令详细解析.docx
12-16
Vue 新建项目 cmd 命令详细解析 本文将详细解析 Vue 新建项目的 cmd 命令，包括项目创建、Git 存储库初始化、插件安装、 npm 包管理等内容。 一、项目创建 使用 Vue CLI 创建新的 Vue 项目需要选择预设（preset）...
解决vue-cli + webpack 新建项目出错的问题
08-27
解决vue-cli + webpack 新建项目出错的问题 知识点一：Vue CLI 和 Webpack 的基本概念 在解决问题之前，需要了解 Vue CLI 和 Webpack 的基本概念。Vue CLI 是一个基于 Vue.js 的脚手架工具，用于快速构建和管理 ...
vscode新建一个最简单的vue项目
09-27
对于最简单的项目，你可以只选择“Vue 2”或“Vue 3”（取决于你想要的Vue版本），不勾选其他选项。 **五、安装依赖和启动项目** Vue CLI将自动下载和安装所有必要的依赖。完成后，你可以通过以下命令启动项目： ...
vue新建项目并配置标准路由过程解析
10-15
本文将详细解析Vue新建项目并配置标准路由的过程。 首先，我们从`index.js`（通常位于`src/router/index.js`）开始，这是Vue应用的核心路由配置文件。在这个文件中，我们需要导入`Vue`和`vue-router`库： ```...
pycharm新建Vue项目的方法步骤(图文)
09-17
在本文中，我们将详细探讨如何使用PyCharm创建一个Vue.js项目。Vue.js是一个流行的前端JavaScript框架，而PyCharm，尽管主要是为Python开发者设计的，也提供了对Web开发的支持，包括Vue.js项目的创建。 首先，为了...
运行vue项目：警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
IT界幼稚生的博客
11-11 2万+
问题： 运行vue项目时，警告提示"export 'default' (imported as 'Vue') was not found in 'vue' 在main.js中 在路由文件下的index.js中 原因： 安装的vue-cli为v4以上的版本，其不包含全局的 Vue，Vue 被 createApp函数代替 解决方案： 在main.js中 import { createApp } from 'vue' // 代替 import Vue from 'vue' import..
export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘解决
qq_64353584的博客
04-20 1万+
webpack在打包Vue是出现imported as Vue was not found in Vue问题的解决
解决Vue CLI 4 运行出现“export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘的问题
叮当的猫猫的博客
07-31 553
解决vue报错
问题：引入vuex 报错警告 “export ‘injec‘ was not found in ‘vue‘ ”，怎么解决？
never。❀的博客
03-30 2169
遇到的问题： 在引入Vuex时 警告 "export ‘inject’ was not found in ‘vue’。同时控制台报错。vue/cli 版本 4.5.13。 创建项目时没有下载vuex 后期自己下载的，看了一下下载的vuex版本时4.x.x 页面报错 解决办法： 1、看一下自己的vuex版本是不是4.x.x ，如果是，先卸载vuex npm uninstall vuex 2、重新下载vuex npm install vuex@3.1.0 --save ...
终端警告提示！！！ “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘ 有效解决
m0_49159526的博客
01-22 3万+
最近在使用vue-cli4创建项目时（4.5.0版本的脚手架），出现了一点小问题 创建后发现main.js 与之前有些不同，之前是这样的 import Vue from "vue"; import App from './App.vue'; import router from "./router"; new Vue({ router, render: h => h(App) }).$mount("#app"); 现在 import { createApp } from 'vu
避坑-报错真正的原因export ‘default’ (imported as ‘Vue’) was not found in ‘vue
qq_43939754的博客
11-13 1万+
文章目录问题描述原因分析解决方案 问题描述 今天在使用vue安装插件后，在添加生命周期钩子函数created()时显示unused function created，运行后报错export ‘default’ (imported as ‘Vue’) was not found in 'vue并且加载不出页面。听信网上的解决办法，卸载新版本安装低版本（3.x.x）的脚手架，结果始终不能解决问题，因为创建项目会始终通过npm安装新版本，由于镜像的问题会一直报错npm err! a complete log of
vue2新建项目与打包
最新发布
05-22
下面是在 Vue2 中创建新项目和打包的步骤： ## 创建新项目 1. 安装 Vue CLI: ``` npm install -g vue-cli ``` 2. 创建新项目: ``` vue init webpack my-project ``` 3. 进入项目目录: ``` cd my-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zttbee

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

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

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值