vue
关注
分享
扫一扫
vue
安果移不动
精通Android，Swift,Flutter,Python，Php，按键精灵,易语言。曾为华为录制精品课程，拥有资质：按键精灵顶级证书;
产品秀：https://www.anguomob.com
B站：https://space.bilibili.com/482453235
展开
-
vue3+vite中process.env
config.ts 与plugins统计新增define 并且新增如上变量。vue3与vue2不同，没有了那个配置文件。加上后仍旧process 会报错。原创 2023-02-26 20:50:32 · 836 阅读 · 0 评论 -
vue3 vite 配置@
【代码】vue3 vite 配置@原创 2023-02-26 20:00:59 · 575 阅读 · 0 评论 -
Vue3 pinia 的使用
引入后导入main.ts使用先创建俩这个文件内容如下使用效果。原创 2023-02-26 13:11:55 · 671 阅读 · 0 评论 -
Vue3 Tabs 动态组件
不过没关系 我们可以按照建议使用 markRaw 和 shallowRef 来避免报错 来正确应用这些组件。还有一种比较类似vue2的写法。先引入组件再使用字符串就行啦。原创 2023-02-26 00:53:32 · 1736 阅读 · 0 评论 -
Vue3 递归组件 全选或者全不选 重命名组件（不修改文件名称）
新建 Tree.vue 这个是递归组件。效果 当选中的时候就权限。准备好数据 这是App.vue。原创 2023-02-25 23:03:46 · 346 阅读 · 0 评论 -
Vue3 组件。基本组件，全局组件引用,组件批量引用
【代码】Vue3 组件。基本组件引用。原创 2023-02-25 19:41:51 · 499 阅读 · 0 评论 -
vue 3 父子传参Demo 流式布局 手写
需要在最短的条目上面再次拼接进去条目 然后 重新计算条目高度。父布局 App.vue。原创 2023-02-25 19:32:20 · 234 阅读 · 0 评论 -
Trace: Error: EPERM: operation not permitted, unlink ‘H:\develop\project\web\learn\vite-demo\node
如果你没有管理员权限或系统管理员没有授予你足够的权限，则需要以管理员身份登录或联系系统管理员以授予你必要的权限。尝试使用提升的权限（即在 Windows 上使用“以管理员身份运行”或在 Linux/Mac 上使用sudo）从命令提示符或终端窗口删除文件。一种可能是该文件目前正在被其他进程使用，因此直到该进程关闭后才能删除文件。另一种可能是你没有足够的权限执行删除操作。注意：在尝试删除任何文件之前，请确保你已经备份了这些文件，以防出现任何问题。如果是，请关闭该进程，然后再尝试删除文件。原创 2023-02-20 23:40:09 · 976 阅读 · 0 评论 -
vue3 父子组件传参
那么子组件在ts中使用呢。原创 2023-02-18 17:20:16 · 259 阅读 · 0 评论 -
mac/windows安装nvm
【代码】mac安装nvm。原创 2023-01-29 10:49:17 · 343 阅读 · 0 评论 -
opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ], library:
新增上述环境遍历即可。原创 2023-01-27 23:53:52 · 884 阅读 · 0 评论 -
vue3 less 的使用 手写header/context/menu 组件
下文叙述中将 Content下的Index.vue 简称 Content。按照层级新建如下四个Index.vue文件。less相较于css新的知识点不多就有一个。这种写法很潮流，我第一次遇到。&-子组件的剩余id。原创 2023-01-25 18:00:22 · 283 阅读 · 0 评论 -
vue3 项目使用自己的reset.less 配置，重置自带样式
这个reset.css 是从网上找的 可以根据自己的项目自己做修改。会使用到项目自带的css 非常难用。或者直接删除 放开新加的。在App.vue中新增如下内容。这个是reset.css。原创 2023-01-25 17:37:33 · 2844 阅读 · 0 评论 -
idea vue3报错
取消勾选 并点击apply 错误即可消失。原创 2023-01-25 17:15:00 · 389 阅读 · 0 评论 -
vue3 项目添加 less
【代码】vue3 项目添加 less。原创 2023-01-25 16:40:12 · 1410 阅读 · 1 评论 -
vue3 生命周期 读取dom元素 / 父组件与子组件的生命周期表变化
先走setup 然后创建之前，创建完成。使用change 函数修改str即可。创建之前是无法读取dom元素的。如何走到update生命周期呢。读取dom元素方法很简单。销毁之前，与，销毁。修改App.vue代码。原创 2023-01-25 10:10:49 · 1152 阅读 · 0 评论 -
vue3 组件的引用与传参
HelloWorld 也可以替换成别的名称。vue3 引用组件的方式更加简单 只需要。官方demo里面就有对组件的引用。开箱即用，非常方便。原创 2023-01-25 09:33:35 · 2663 阅读 · 0 评论 -
vue3 watchEffect 的使用
当用到那个ref数据的时候 就会被监听到。赋值新变量给stop 然后直接调用方法就可以停止下来。如果要在之前做一些操作。原创 2023-01-25 02:12:28 · 630 阅读 · 0 评论 -
vue3 watch 监听响应式数据变化
把ref换成 reactive 则无须deep:true，或者开启关闭都是一样的。主要是用来监听ref 或者reactive 所包裹的数据才可以被监听到。ref监听对象需要开启一个属性 deep: true。immediate: true 默认开启监听回调。开启后在没有输入内容的时候会自动回调一次。如果想针对单一属性name也是支持的。但是新的数值和旧的数值会是一样的，新的数值和旧的数值也会是一样的。也可以同时监听两个数据源。多个数值也是可以监听的到的。原创 2023-01-24 16:24:47 · 3254 阅读 · 0 评论 -
vue3 watch监听单个数据变化
【代码】vue3计算属性。原创 2023-01-20 01:08:21 · 721 阅读 · 0 评论 -
vue3 利用computer 自动计算属性写一个简易购物车小程序
【代码】vue3 利用computer 自动计算属性。原创 2023-01-10 01:11:25 · 530 阅读 · 0 评论 -
vue3 computed typeScript
【代码】vue3 computed typeScript。原创 2023-01-10 00:46:13 · 427 阅读 · 0 评论 -
Vue toRef抽取出来单个的ref， toRefs 解构，toRaw
单独抽出某个遍历为Ref这样是不行的 必须为相应对象才行。原创 2023-01-09 22:35:22 · 396 阅读 · 0 评论 -
vue form sumit 防止提交 prevent 阻止表单提交
页面提交会导致刷新 从而打印不出来可以添加prevent 阻止提交。正常情况下 button是带sumit的属性的。原创 2023-01-08 14:37:00 · 579 阅读 · 0 评论 -
idea vue 修改创建模板，快速创建vue2 vue3 模板
原先内容比较适合vue2。可以稍作升级到vue3。原创 2023-01-08 14:00:39 · 1621 阅读 · 0 评论 -
vue 多个class 与id的绑定
必须是一个:class 一个class。多个class的另外一种写法。原创 2023-01-08 13:13:27 · 513 阅读 · 0 评论 -
vue 动态设置点击事件 动态设置属性 []
【代码】vue 动态设置点击事件 动态设置属性 []原创 2023-01-08 02:31:41 · 1414 阅读 · 0 评论 -
ts 使用数组 拼接成对象展示
【代码】ts 使用数组 拼接成对象展示。原创 2023-01-08 02:22:20 · 800 阅读 · 0 评论 -
vue3 Css !important 与deep 修改面包屑的文字颜色
deep 是往下所有的span 均会被设置成白色。规则会覆盖 color 属性。会提示过期 但是没有关系。那么需要通过自己css。原创 2022-12-28 00:00:16 · 935 阅读 · 1 评论 -
vue3 项目添加vuex 进行组件中传递数据
新建 store/index.js文件。注意 commit里面的参数就是。updateCollapse方法。b组件点击更新a组件的数值。mutations 中的。注册到main.js。原创 2022-12-24 19:37:33 · 509 阅读 · 0 评论 -
vue3 添加路由vue-router
新建main.vue home.vue。新建router.js 内容如下。原创 2022-12-21 23:21:21 · 151 阅读 · 0 评论 -
vue3 vite直接创建项目 添加 element-ui 按需引入和全部引入
element-plus 在vue3中的按需引入。自动导入也是推荐的一种写法 我们注释掉全局引用。yran dev就可以看到一个网址 点进去就可以看到效果了。添加element-ui。之前的main.js。原创 2022-12-21 23:18:12 · 2916 阅读 · 0 评论 -
vue同时异步执行等待结果返回然后再处理
返回结果时间 将是两个接口请求的时间最大的那个并且按照上面all数组传递进去的顺序执行。原创 2022-08-27 03:05:15 · 1961 阅读 · 0 评论 -
webstrom vue 不认识@符号
项目根目录新建 webstorm.config.js代码如下'use strict'const webpackConfig = require('@vue/cli-service/webpack.config.js')module.exports = webpackConfigalt+ctrl+s打开设置指向这个设置 ctrl+s保存后即可使用@路径了...原创 2022-03-01 11:53:08 · 813 阅读 · 0 评论 -
vue 自定义i标签image
效果设置style.el-icon-custom-love{ background: url(../assets/image/app/love.png) center no-repeat; background-size: cover;}.el-icon-custom-love:before{ content: "相亲"; font-size: 16px; visibility: hidden;}原创 2022-02-26 10:02:14 · 1641 阅读 · 0 评论 -
‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
原因。npm已经安装。但是没有配置环境变量解决方案配置环境变量首先找到npm路径npm config list把这个路径配置到环境变量即可需要注意如果这个目录下面没有vue和vue.cmd文件我这里没有因为我是使用yarn 安装的全局 vue使用yarn global bin命令得到yarn的全局bin路径C:\Users\Administrator\AppData\Local\Yarn\bin打开一看就是我想要的东西配配置到..原创 2022-02-14 15:22:08 · 963 阅读 · 1 评论 -
vscode代码格式化 保存时候自动修改为合规代码
安装这三个组件windwosctrl+,打开设置然后点击右上角这里将一下内容粘贴并保存{ // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 100, // 保存时格式化 "editor.formatOnSave": true, // 开启 vscode 文件路径导航 "breadcrumbs.enabled": tr...原创 2022-02-14 14:48:41 · 1478 阅读 · 0 评论 -
vue 全选组件封装
效果封装的组件<template> <el-form-item :label="label"> <el-checkbox :indeterminate="isIndeterminateBool" v-model="checkAll" @change="handleCheckAllChange">全选 </el-checkbox> <el-checkbox-group v-mod.原创 2022-02-06 22:11:22 · 1486 阅读 · 1 评论 -
JavaScript Vue 获取文件md5值
官方demo<!DOCTYPE html><html> <head> <title>SparkMD5 readme example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="../spark-md5.js"></scrip原创 2022-02-05 15:25:56 · 1729 阅读 · 1 评论 -
vue 复制内容
yarn add vuemian.js中设置//复制import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)控件上面使用 <el-button type="button" v-if="!down_app_url" class="fs12" v-clipboard:copy="'下载地址：'+down_app_url" .原创 2022-02-04 18:01:40 · 905 阅读 · 0 评论