教程npm vue
Vue3.2
1.ref定义基本数据类型 <script setup> import {ref} from 'vue' //需导入依赖 let name = ref('zhangsan') const setName = () => { name.value = 'lisi' } </script> const ......
虚拟机VMware12安装激活（超详细教程）适用于Win7版本
1、下载VMware-workstation 链接: https://pan.baidu.com/s/1BTHgStcKX38Ysx8MDqJEXg?pwd=h5hu （里面含激活教程和许可证秘钥） 2、解压后执行VMware-workstation 3、进入安装界面，点击【下一步】 4、选择“增强 ......
IntelliJ IDEA 2023.2.2 安装激活以及汉化教程
前言 这阵子接触了不少开发，在群里我发现很多的新手开发除了工具的激活问题，竟然还在问如何汉化的问题，不止一个了，于是简单的介绍下IDEA如何使用汉化版本。 1.下载安装IntelliJ IDEA 建议大家直接在官网下载最新版本，登陆官网，我下载的是最新版本2023.2.2，用新不用旧，我的个人习惯。 ......
uniapp中使用vue-i18n实现多语言
一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
Aria2百度网盘下载教程
教程: https://www.bilibili.com/read/cv23650505/ 软件下载 https://www.123pan.com/s/fACrVv-rsf93.html 提取码:c1It ......
Vue mavon-editor 本地加载 – 关闭 CDN
转载自Vue mavon-editor 本地加载 – 关闭 CDN - 前端教程。仅自用。 时间 2022-03-31 21:07:09 前言 在 Vue 里面使用 Markdown 编辑器的选择并不多。mavon-editor 大概是 GitHub 上星星最多的 Vue Markdown 编辑 ......
关于vue2的模块级总结
前阵子在赶一个项目的进度，一直没时间做总结，今日闲来无事，消化一下。 背景 vue2的项目，面向受众为g端 内容 1. 项目原因，单路由下包含详情&列表两页面。根据v-if跳转，笔者这里用的是动态组件的方式 2. 同样由于项目原因，使用的模块级vuex，因而在使用时，也有了许多盲点： （如图：） 使 ......
vue项目中的Tinymce富文本编辑器如何从word中粘贴图片上传到七牛云
Tinymce富文本编辑器粘贴图片时需要上传到自己的空间中才能被打开。 一、首先需要安装引入七牛云 npm install qiniu-js var qiniu = require('qiniu-js')// orimport * as qiniu from 'qiniu-js' 二、同时引入客户端 ......
Vue学习六：路由进阶
一、路由的封装抽离 目标：将路由模块抽离出来。好处：拆分模块，易于维护。 第一步：在src目录下新建一个router目录，在创建一个index.js文件，将先前main.js中的路由代码转移到index.js文件中。（这里需要使用到vue所以需将vue包导入；需修改组件路径，@符号代表绝对路径src ......
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法
1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为：error Component name "index" should always be multi-word vue/multi-word-component-names翻译为：错 ......
Linux系列教程（二）——Linux系统安装（手把手学安装centos6.8）
目录 1、安装 VMware 2、在 VMware 上安装 CentOS 第 1 步：打开 VMware，点击创建新的虚拟机 第 2 步：选择典型，点击下一步。出现如下界面，然后选择第三个选项：稍后安装操作系统，点击下一步 第 3 步：客户机安装操作系统选择 Linux,版本根据自己下载的 Linu ......
Vmware上安装Linux（centos7）图文教程
Vmware上安装Linux（centos7）图文教程 阅读目录 Vmware上安装Linux（centos7）图文教程 一、准备安装文件（vmware && centos7 镜像） 2、下载centos7 镜像 正文 Vmware上安装Linux（centos7）图文教程 一、准备安装文件（vmw ......
发布《Linux工具快速教程》
发布《Linux工具快速教程》 阶段性的完成了这本书开源书籍，发布出来给有需要的朋友，同时也欢迎更多的朋友加入进来，完善这本书；本书Github地址：https://github.com/me115/linuxtools_rst 在线阅读 缘起 Linux下有很多命令行工具供我们使用，每个工具总是提 ......
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
Linux安装maven(详细教程)
一、简介 Maven是意第绪语，意思是“知识的积累者”，最初是为了简化Jakarta Turbine项目中的构建过程。有几个项目，每个项目都有自己的Ant构建文件，所有项目都略有不同。JAR已检入CVS。我们想要一种标准的方式来构建项目，清晰地定义项目的组成，一种简单的方式来发布项目信息，以及一种在 ......
WPF动画入门教程
WPF动画入门教程 Windows Presentation Foundation (WPF)是一种用于创建Windows客户端应用程序的UI框架。它让我们能够创建丰富的图形界面，包括各种各样的动画效果。接下来，我们将介绍如何在WPF中创建简单的动画。文章最后将给出源码，源码包括文章中的动画和一个水 ......
SSH教程9端口转发
9 端口转发 SSH可以作为任意TCP流量的包装。你可以将telnet、POP3、IMAP或HTTP等未加密服务隐藏在SSH中，安全地传输这些本地不安全协议。SSH会话可以传输任何TCP/IP协议，包括本地IT安全团队禁止在组织网络上使用的协议。因此，许多对安全要求较高的组织不允许SSH穿越和/或离 ......
vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传
下载对应的版本 npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.8.2 -S 然后在node_modules中找到tinymce把整个文件复制下来粘到public中 在组件页面使用 根据自己需求进行注释或添加功能 <tem ......
【Vue】关于 The template root requires exactly one element 报错的解决方案
在<template>内添加<div>总括起来： ......
vue--day89--路由守卫
```js //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localS ......
npm_npm install 命令中-S与-D尾缀的区别
-P, --save-prod： 包将出现在你的 dependencies 中。 这是默认值，除非存在 -D 或 -O。 -D, --save-dev： 包将出现在你的 devDependencies 中。 package.json中dependencies与devDependencies区别 de ......
vue--day88--缓存路由组件和 两个新的生命周期钩子
### 10.缓存路由组件 1. 作用：让不展示的路由组件保持挂载，不被销毁。 2. 具体编码： ```vue <keep-alive include="News"> <router-view></router-view> </keep-alive> ``` ### 11.两个新的生命周期钩子 1. ......
vue--day86--编程式路由导航
1. 作用：不借助```<router-link> ```实现路由跳转，让路由跳转更加灵活 2. 具体编码： ```js //$router的两个API this.$router.push({ name:'xiangqing', params:{ id:xxx, title:xxx } }) thi ......
vue3探索——pinia高阶使用
以下是一些 Pinia 的其他高阶功能： storeToRefs()：响应式解构仓库，保证解构出来的数据是响应式的数据。 状态持久化：Pinia 并没有内置的状态持久化功能，但你可以使用第三方库或自定义插件来实现状态的持久化。例如，你可以使用 localStorage 或 sessionStorag ......
Qt 6.5.2安装教程
1先去下载在线安装包，例如，因为有时候这个软件会更新，老的会安装不了。 一、先去官方网站下载安装包https://download.qt.io/official_releases/online_installers/ 二、安装之前请指向国内的镜像，这样下载速度很快例如我下载的qt-unified-w ......
AI绘画：SD绘画实操过程-完美世界-火灵儿-少女制作教程（附资料及变现）
资源介绍： 大家好，我是小梦，最近一直研究AI绘画领域，总结了一些变现的方式，需要的可以来这里阅读下： AI绘画：无私分享我的AI绘画变现之路，普通人可实操可模仿 都是自己经过实操，总结出来的，内容非常的干货，没有任何套路。 不久前，耗费了半个月的时间给大家整理分享了StableDiffusion的 ......
vue-router 编程式导航
导航到不同的位置 注意：在 Vue 实例中，你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push。 想要导航到不同的 URL，可以使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前 ......
vue--day85--<router-link>```的replace属性
1. 作用：控制路由跳转时操作浏览器历史记录的模式 2. 浏览器的历史记录有两种写入方式：分别为```push```和```replace```，```push```是追加历史记录，```replace```是替换当前记录。路由跳转时候默认为```push``` 3. 如何开启```replace` ......
vue--day84---路由的props配置
### 7.路由的props配置 作用：让路由组件更方便的收到参数 ```js { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有的key-value的组合最终都会通过props传给D ......