搭建Vue的环境
目录
# 开篇
步骤一，准备Vue 的环境
步骤二，下载Vue.js的包
步骤三，创建并打开写前端代码的文件夹
步骤四，在VSCode中引入Vue.js的包
步骤五，创建第一个vue.html
Vue其他知识
Vue.config命令
# 开篇
介绍：
Vue.js是一款流行的前端JavaScript框架，用于构建交互式的用户界面。它被设计为逐步采用的框架，可以轻松地与现有的项目集成，并且具有简洁、灵活和高效的特点。
Vue.js具有响应式数据绑定和组件化的特性，这使得开发者可以更轻松地构建复杂的前端应用程序。它还具有简单易懂的API和文档，使得学习和使用Vue.js变得相对简单。
除此之外，Vue.js还拥有一个强大的生态系统，包括大量的插件和工具，以及一个活跃的社区。这使得开发者可以轻松地找到所需的资源和支持。
- Vue的整个章节都是基于VSCode开发工具来进行开发前端工程的；
步骤一，准备Vue 的环境
vue2.js官网：介绍 — Vue.js (vuejs.org)
步骤二，下载Vue.js的包
在官网中下载这两个包：
包介绍：
步骤三，创建并打开写前端代码的文件夹
创建目的是用来放前端的代码：
步骤四，在VSCode中引入Vue.js的包
步骤五，创建第一个vue.html
引入vue.js包：
在这个代码片段中，type="text/javascript"表示该script标签中的脚本类型是JavaScript。这是为了告诉浏览器如何解析和执行该脚本。
按下Ctrl+S保存后打开html文件：
Vue其他知识
Vue.config命令
相关文章：
搭建Vue的环境
目录 # 开篇 步骤一，准备Vue 的环境 步骤二，下载Vue.js的包 步骤三，创建并打开写前端代码的文件夹 步骤四，在VSCode中引入Vue.js的包 步骤五，创建第一个vue.html Vue其他知识 Vue.config命令 # 开篇 介绍&…...
[学习笔记]-MyBatis-Plus简介
简介 Mybatis-Plus（简称 MP）是一个 MyBatis (opens new window)的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 简言之就是对单表的增删改查有了很好的封装。基本不用再单独写sql语句了。目前此类…...
2024.6.23 刷题总结
2024.6.23 **每日一题** 520.检测大写字母，本题是简单模拟题，考察了ASCLL码相关的知识，根据题意，本题对于字符串有三种正确的用法，所以我们分三类来讨论，先根据首字母的大小写来分类，如果首字母…...
mysql查询不同用户（操作记录）的最新一条记录
先用MAX(time) 和 group by item_id 查询出不同的item_id对应的最大时间，然后再在外面连表查询，查询 表中 item_id 和login_time 时间 相等于刚才的查询记录的记录 具体语句如下 select a.* from reyo a join (select item_id,max(login_time) as ti…...
Java中如何使用设计模式来解决编程问题？
Java中使用设计模式来解决编程问题，可以显著提高代码的可复用性、可维护性和可读性。设计模式是一套被广泛应用于软件工程的解决方案，描述了在特定上下文中面对具体问题时的可复用解决方案。以下是几种常用的设计模式及其应用场景： 单例模式…...
单机、集群和分布式
目录 1.概述 2.单机服务器 单机版的服务器的性能，设计上的瓶颈？ 3.集群 解决瓶颈1： 没有解决瓶颈2： 没有解决瓶颈3： 集群的优点？ 集群的缺点？ 4.分布式 分布式的优点？ 分…...
qt开发-10_LineEdit
QLineEdit 小部件是一个单行文本编辑器。行编辑允许用户使用一组有用的编辑函数输入和 编辑一行纯文本。包括撤消和重做、剪切和粘贴以及拖放。通过更改行编辑的 echoMode()，它 还可以用作“只写”字段，用于输入如密码等. 创建好项目后，进入 …...
福昕PDF编辑器快速去除PDF水印方法
在福昕PDF编辑器软件中打开一个带有水印的PDF文件，点击如图下所示的页面管理->水印，点击全部移除 点击 是 水印消除（注：部分类型的水印可以消除，但是有些类型的水印无法通过此方法消除）...
Cloudflare 常用操作
一、域名托管到cloudflare 登录cloudflare->添加站点->填写域名(例如阿里云)->继续选择free套餐->继续->保存cloudflare分配的DNS地址->进入阿里云域名管理->进入DNS管理/DNS修改把DNS地址修改为cloudflare分配的两个DNS->保存->回到cloudflare->…...
,展开时合起上一次展开的内容,始终保持展开内容为一个,并且再次点击合起自身)
elementUI的table使用展开功能( type=“expand“ ),展开时合起上一次展开的内容,始终保持展开内容为一个,并且再次点击合起自身
直接上代码了没什么可讲的,主要是用到 row-key"id" :expand-row-keys"expands row-click"handleRowClick" <template><div class"ele-body"><el-card shadow"never"><!-- 数据表格 --><ele-pro-t…...
【金】？Y？ python网页前端streamlit
1、如何从 Google Colab Notebook 启动 streamit参考-How to Launch Streamlit App from Google Colab Notebook !streamlit run web.py & npx localtunnel --port 8501 & curl ipv4.icanhazip.com...
数据仓库之Lambda架构
Lambda架构是一种设计大规模数据处理系统的架构模式，它结合了批处理和实时处理的优点，以应对大数据的多样性、速度和规模问题。该架构主要由三个层次组成：批处理层（Batch Layer）、速度层（Speed Layer&#…...
Apriori 处理ALLElectronics事务数据
通过Apriori算法挖掘以下事务集合的频繁项集： 流程图 代码 # 导入必要的库 from itertools import combinations# 定义Apriori算法函数 def apriori(transactions, min_support, min_confidence):# 遍历数据，统计每个项的支持度 item_support {}for tr…...
Content Provider：深入解析Android数据共享的核心组件
在Android开发中，Content Provider是一个重要的组件，它允许应用程序之间共享数据。它扮演着“数据访问中间层”的角色，为不同应用程序提供了一个统一的数据访问接口。以下将从技术难点、面试官关注点、回答吸引力以及代码举例四个方面&#x…...
069、Python 函数的递归调用
函数可以自己调用自己吗？？？ 这就涉及函数的递归的用法了。 递归的概念： 函数递归是指函数在其定义中直接或间接调用自身的过程。 递归是一种强有力的编程技术，通常用于解决可以被分解为相同问题的子问题的情况&…...
数仓开发那些事_番外
一位神州的正式员工（没错，就是之前文章中出现的实习生）：一闪，你今年涨工资了吗？ 一闪：mad，一年辛苦到头只涨了500米 神州员工：你去年绩效不是优秀吗，怎么就涨…...
Vue3+TypeScript项目实战——打造雨雪交加的智慧城市
个人简介 👀个人主页： 前端杂货铺 ⚡开源项目： rich-vue3 （基于 Vue3 TS Pinia Element Plus Spring全家桶 MySQL） 🙋♂️学习方向： 主攻前端方向，正逐渐往全干发展 …...
经典游戏案例：植物大战僵尸
学习目标：植物大战僵尸核心玩法实现 游戏画面 项目结构目录 部分核心代码 using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.SceneManagement; using Random UnityEngine.Random;public enum Z…...
Go 与 Java 字符编码选择：UTF-8 与 UTF-16 的较量
💝💝💝欢迎莅临我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…...
vscode+picgo+gitee实现Markdown图床
vscode中编辑Markdown文件，复制的图片默认是保存在本地的。当文档上传csdn时，会提示图片无法识别 可以在gitee上创建图床仓库，使用picgo工具上传图片，在Markdown中插入gitee链接的方式来解决该问题。 一、 安装picgo工具 1.1 v…...
mongodb源码分析session执行handleRequest命令find过程
mongo/transport/service_state_machine.cpp已经分析startSession创建ASIOSession过程，并且验证connection是否超过限制ASIOSession和connection是循环接受客户端命令，把数据流转换成Message，状态转变流程是：State::Created 》 St…...
SCAU期末笔记 - 数据分析与数据挖掘题库解析
这门怎么题库答案不全啊日 来简单学一下子来 一、选择题（可多选） 将原始数据进行集成、变换、维度规约、数值规约是在以下哪个步骤的任务?(C) A. 频繁模式挖掘 B.分类和预测 C.数据预处理 D.数据流挖掘 A. 频繁模式挖掘：专注于发现数据中…...
Java 加密常用的各种算法及其选择
在数字化时代，数据安全至关重要，Java 作为广泛应用的编程语言，提供了丰富的加密算法来保障数据的保密性、完整性和真实性。了解这些常用加密算法及其适用场景，有助于开发者在不同的业务需求中做出正确的选择。 一、对称加密算法…...
鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个生活电费的缴纳和查询小程序
一、项目初始化与配置 1. 创建项目 ohpm init harmony/utility-payment-app 2. 配置权限 // module.json5 {"requestPermissions": [{"name": "ohos.permission.INTERNET"},{"name": "ohos.permission.GET_NETWORK_INFO"…...
SpringCloudGateway 自定义局部过滤器
场景： 将所有请求转化为同一路径请求（方便穿网配置）在请求头内标识原来路径，然后在将请求分发给不同服务 AllToOneGatewayFilterFactory import lombok.Getter; import lombok.Setter; import lombok.extern.slf4j.Slf4j; impor…...
代理篇12|深入理解 Vite中的Proxy接口代理配置
在前端开发中，常常会遇到 跨域请求接口 的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。 什么是代理（proxy）？ 代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕…...
Xen Server服务器释放磁盘空间
disk.sh #!/bin/bashcd /run/sr-mount/e54f0646-ae11-0457-b64f-eba4673b824c # 全部虚拟机物理磁盘文件存储 a$(ls -l | awk {print $NF} | cut -d. -f1) # 使用中的虚拟机物理磁盘文件 b$(xe vm-disk-list --multiple | grep uuid | awk {print $NF})printf "%s\n"…...
vulnyx Blogger writeup
信息收集 arp-scan nmap 获取userFlag 上web看看 一个默认的页面，gobuster扫一下目录 可以看到扫出的目录中得到了一个有价值的目录/wordpress，说明目标所使用的cms是wordpress，访问http://192.168.43.213/wordpress/然后查看源码能看到 这…...
WebRTC从入门到实践 - 零基础教程
WebRTC从入门到实践 - 零基础教程 目录 WebRTC简介 基础概念 工作原理 开发环境搭建 基础实践 三个实战案例 常见问题解答 1. WebRTC简介 1.1 什么是WebRTC？ WebRTC（Web Real-Time Communication）是一个支持网页浏览器进行实时语音…...
解析奥地利 XARION激光超声检测系统：无膜光学麦克风 + 无耦合剂的技术协同优势及多元应用
在工业制造领域，无损检测（NDT)的精度与效率直接影响产品质量与生产安全。奥地利 XARION开发的激光超声精密检测系统，以非接触式光学麦克风技术为核心，打破传统检测瓶颈，为半导体、航空航天、汽车制造等行业提供了高灵敏…...