Vue(一)：创建Vue项目以及理解Vue目录本篇文章默认你已经配置好node.js环境。我使用的开发工具为vscode，所以的命令都是在vscode的终端里面运行。我也是第一次接触Vue，所以写这篇博客来记录一下，之后忘记了还可以翻阅一下，做个记录。由于是第一次学习这个，我会把我所遇到的问题的解决方法都上传到博客，方便查阅。有需要的朋友可以看我的博客Vue系列。在vscode终端里面使用命令和L
原创
2021-05-20 15:22:30
538阅读
目录一、概述二、vue推荐开发环境三、node介绍及安装1、npm是什么：2、node是什么3、npm和Node.js的发展4、node安装5、安装vue-cli四、新建vue项目五、打包运行一、概述我们使用Vue.js一定要安装node.js吗？准确的说是使用vue-cli 搭建项目的时候需要nodejs。你也可以创建一个 .html 文件，然后通过如下方式引入 Vue，一样
转载
2024-01-14 20:33:56
64阅读
vue项目总结心得
vue项目总结心得一、vue项目架构1.1 文件分析1.1.1 index.html文件（有时会在public文件夹下）是用户看到的页面，也就是根组件要挂载的元素所在的组件app通常在里面要进行一些关于viewport的初始化1.1.2 src/main.js文件整个vue项目的入口文件这个文件回要引入全局的文件（包括但不限于）：
全
转载
2023-08-02 23:58:00
103阅读
Vue3框架的项目应用学习，涉及组件间的数据交互，参数和函数传递调用——详细介绍具体功能的实现
# Vue 项目怎么运行
## 一、整体流程
在学习如何运行Vue项目之前，首先需要了解整个流程。下面是一个简单的步骤表格，以帮助你更好地理解：
| 步骤 | 描述 |
|------|-------------------------------------|
| 1 | 安装Node.js
原创
2024-05-22 11:12:26
103阅读
**Vue 项目如何部署**
作为一名经验丰富的开发者，我将帮助您了解如何部署Vue项目。在本文中，我们将探讨整个部署过程的流程，并提供详细的代码示例来帮助您轻松实现Vue项目的部署。
**部署流程**
下表将展示Vue项目部署的整个流程：
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 准备服务器环境 |
| 2 | 打包Vue项目 |
| 3 | 将打包后的
原创
2024-04-30 12:01:37
119阅读
Vue项目的发布是指将开发完成的Vue项目部署到服务器上，让用户可以通过浏览器访问并使用项目。在这篇文章中，我将向你介绍如何发布Vue项目，并带有代码示例。
### 发布Vue项目步骤：
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 打包Vue项目 |
| 2 | 配置服务器 |
| 3 | 上传打包文件至服务器 |
| 4 | 部署项目 |
### 操作步骤：
原创
2024-05-22 11:13:59
725阅读
vue项目配置代理解决跨域
原创
2022-09-25 00:17:04
85阅读
vue.config.js: devServer: { // 反向代理配置 proxy: { '/api': { target: 'https://www.baidu.com', ws: true, } } }, https://cli.vuejs.org/zh/config/#devserver-
原创
2024-04-29 10:19:42
63阅读
1、前几天自从搭建完Vue后，能跑的通demo后，却不知道用啥做这个开发合适，其中推荐一下Vs Code，不是很大却很方便，需要的配置也不是很多。（Sublime Text 3 电脑不大行，我没有装上插件。Hbulider 也不是很好用）Vs Code下载地址：https://code.visualstudio.com/2、安装（这个……干就完事）3、装完了吧，英文的吧，搞不了了吧，其他先不用管，
转载
2024-02-06 21:42:08
74阅读
// https://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parserOptions: {
parser: 'babel-eslint'
},
env: {
browser: true,
jquery: true
转载
2024-06-11 18:15:14
53阅读
使用Vue创建一个新的项目或者打开一个已有的项目打开一个项目对于一个已经创建好的Vue的项目，比如从GitHub上面fork或download到本地的项目（一个vue的文件夹），想要运行并在浏览器中展示时，简单两步操作即可：（前提是已经有node\npm\vue的环境）， 在命令行输入 node -v，npm -v, vue -V 可分别查看是否安装好以及各自的版本 &nbs
转载
2023-10-25 18:03:44
159阅读
基于SpringBoot+Vue前后端分离的智能教室管理系统（毕业设计/结课作业）【完整项目源代码】一、平台简介二、内置功能三、源代码下载地址：项目下载地址：[]()
基于SpringBoot+Vue前后端分离的智能教室管理系统 一、平台简介项目下载地址：基于SpringBoot和Vue的前后端分离项目是一种基于Web技术的教育管理系统，通过前后端分离的方式，将前端和后端分别处理，提高了
转载
2024-06-08 19:15:03
25阅读
从零开始搭建一个项目骨架，最好选择合适熟悉的技术，并且在未来易拓展，适合微服务化体系等。所以一般以Springboot作为我们的框架基础，这是离不开的了。然后数据层，我们常用的是Mybatis，易上手，方便维护。但是单表操作比较困难，特别是添加字段或减少字段的时候，比较繁琐，所以这里我推荐使用Mybatis Plus( mp.baomidou.com/ )，为简化开发而生，只需
转载
2024-08-16 17:52:23
209阅读
目录回顾vue-cli创建项目创建vue项目使用什么vue 创建项目vue项目目录介绍es导入导出语法App.vue main.js About.vue写了什么导入导出语法vue项目编写步骤小练习-登录功能补充回顾1. 组件使用
局部
全局
2.组件间通信
一旦组件话开发--->>> 组件间通信
父传子：自定义属性
子传父：自定义事件
ref属性：
转载
2024-05-18 00:19:03
35阅读
要说优化提升编译速度之前，我先给大家说一个能够列出输出、loader和plugins的耗时的插件,耗时过长将会使用黄色和红色显示。speed-measure-webpack-plugin 这个插件我们在具体的项目中如何配置呢？下面请来看看我的配置，这个插件webpack4以上才出。 首先我们来安装：cnpm install hard-source-webpack-plugin --save
//
转载
2024-02-23 17:46:36
44阅读
1. Vue生命周期解读这一部分参考自Vue官方文档官网的生命周期图示例如下：测试代码如下：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, ini
转载
2024-07-25 22:19:39
50阅读
解释以下代码: 实现输入框中能够打字的功能 <el-input v-model="input" placeholder="在这打字"></el-input> <调用饿了么的input组件> <v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新 ...
转载
2021-09-07 11:26:00
124阅读
2评论
route ，routes ， router 三者联系 route：首先它是单数，翻译为路由，即我们可以理解为单个路由或某一路由。routes：他是个复数，表示多个的集合才能为复数，即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有对象和数组，事实上官方定义routes是一个数组 ...
转载
2021-09-27 16:11:00
223阅读
2评论
因为要做毕业设计 ，准备用vue来做前端的界面。发现不知如何运行vue的项目，很尴尬。通过查阅网上教程，因此把环境搭建过程记录下来，以备不时之需。 言归正传~~ 首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm npm的淘宝镜像 安装node.js从node.js官网下载并安装n
转载
2024-08-03 15:58:29
72阅读
