should error vue3 line

React redux toolkit: Uncaught Error:[Immer] An immer producer returned a new...

React在写一个购物车的redux toolkit时遇到了问题。核心问题是reducer中不能既修改state,又return新值。修改后代码正常运行。 ......
Uncaught producer returned toolkit React

vue3微信公众号商城项目实战系列(6)用户登录

1. 一个商城要实现购物的功能,需要能识别用户的身份,这样才能完成加购物车,下单,付款等操作。 但微信公众号商城和PC端商城有些不一样,区别在于微信公众号商城使用微信支付的时候需要一个openid的参数(以后再具体讲) 这个参数必须访问微信公众号提供的接口才能获取到,基于这个原因,用户登录的时候必须 ......
实战 公众 商城 项目 用户

Vue3 ref函数处理基本类型或对象类型

基本类型视频 对象类型视频 2.ref函数 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象(reference对象,简称ref对象)。 JS中操作数据: xxx.value 模板中读取数据: 不需要.value,直接:<d ......
类型 函数 对象 Vue3 Vue

Vue3快速入门学习笔记一

一、概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) MVC的核心理念是:你应该把管理数据的代码(Model)、业务逻辑的 ......
笔记 Vue3 Vue

in pyvis I always get this error: "AttributeError: 'NoneType' object has no attribute 'render'"

in pyvis I always get this error: "AttributeError: 'NoneType' object has no attribute 'render'" Solution When initializing the Network, I added notebo ......
39 quot AttributeError attribute NoneType

vue全家桶进阶之路32:Vue3 WatchEffect和watch 监听

在 Vue 3 中,watchEffect 是一个用于监听响应式数据变化的 API。它可以在函数内部自动跟踪数据的依赖,并在依赖变化时重新运行函数。 watchEffect 的作用以及各个参数的功能讲解: watchEffect(effect: (onInvalidate: InvalidateCb ......
WatchEffect 全家 watch Vue3 vue

vue全家桶进阶之路31:Vue3定义单个数据和方法

在 Vue 3 中,你可以使用 setup 函数来定义组件的数据和方法。在 setup 函数中,你可以使用 ref、reactive 和 computed 等 Vue 3 的响应式 API 来定义数据,并返回一个包含你需要公开的数据和方法的对象。下面是一个例子: import { defineCom ......
单个 全家 方法 数据 Vue3

【vue3-element-admin】Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范

整合 Husky + Lint-staged + Commitlint + Commitizen + cz-git 并配置的 pre-commit 和 commit-msg 两个钩子分别实现 Git 提交前代码检测和 Git 提交信息规范。 ......

启动SSH服务报:Job for ssh.service failed because the control process exited with error code.......

Job for ssh.service failed because the control process exited with error codesee systemctl status ssh.service and journalctl -xe for details.然后按照提示输入: ......
because control service process failed

Vue3中 如何使用ref标签,对组件进行操作

在Vue2中 一般用 this.$ref.xxxx 进行获取组件对象 Vue3中就不使用这个方法了 例如: <el-upload class="upload-demo" action="" :http-request="handleUpload" :on-change="handleChange" ......
组件 标签 Vue3 Vue ref

vue3中使用ref语法糖

自从引入组合式 API 的概念以来,一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。 响应式对象存在解构丢失响应性的问题,而 ref 需要到处使用 .value 则感觉很繁琐,并且在没有类型系统的帮助时很容易漏掉 .value 写法优化 以上是官方原话。大概就是新的语法糖 可以让我们更方 ......
语法 vue3 vue ref

Vue3 初识setup

视频 二、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 1.拉开序幕的setup 理解:Vue3.0中一个新的配置项,值为一个函数。 setup是所有Compositi ......
setup Vue3 Vue

Vue3 安装开发者工具

视频 1.Chrome网上商店 2.扩展软件,拖动到插件里 ......
开发者 工具 Vue3 Vue

Vue3 vue-cli创建工程的工程结构分析

视频 不能用vue2的写法了 #components ##HelloWorld.vue <template> <div class="hello"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / custom ......
工程 vue-cli 结构 Vue3 Vue

Vue3 vue-cli或vite创建工程

使用 vue-cli 创建工程视频 使用 vite 创建工程视频 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确 ......
vue-cli 工程 Vue3 vite Vue

vue3+vant创建移动端项目,实战项目常见采坑记录

前言: 产品背景介绍 我所做的这个项目,刚开始是没有移动端需求的,等PC端做完了上线使用了几个月后,突然有一天产品经理找到我说是要做一个在PC端添加一个快速注册入口,用手机微信扫二位码进入移动端注册页面,用户注册。 所以本次需求就是在PC端添加一个tool-tip气泡型弹出二维码,再开发一个移动端注 ......
项目 实战 常见 vue3 vant

安装anaconda遇到问题:Error: Due to incompatibility with several Python libraries, 'Destination Folder' cannot contain non-ascii characters (special characters or diacritics). Please choose another location.

-今天安装anaconda遇到一个问题:Error: Due to incompatibility with several Python libraries, 'Destination Folder' cannot contain non-ascii characters (special cha ......

二、使用Vue3 + Vue CLI 实现系统前端模块的搭建

主要内容 前端模块的搭建:Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
前端 Vue 模块 系统 Vue3

【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......

前端学习笔记——Vue3组件间数值传递

依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
前端 数值 组件 笔记 Vue3

vue3使用tinymce

第一种方法:通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key,然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包,放在目录下的pu ......
tinymce vue3 vue

vue3中使用axios

1、问题: 在vue2中axios通常是经过封装的后挂载使用的,来处理token及报错处理,比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了,那vue3中是如何简单、 ......
axios vue3 vue

tinymce封装成vue3组件

封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th ......
组件 tinymce vue3 vue

Vue3组件通信直接参考案例

https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法,如下 方法一,setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......
组件 案例 Vue3 Vue

node中使用axios时:Error: unable to verify the first certificate 报错

参考 https://www.daozhao.com/10611.html 报错原因: 在使用浏览器访问时,客户端、服务器在握手阶段完成验证。当我们在node中使用axios请求时,客户端没法确认服务端的TLS证书 解决方案 1、局部 const axios = require('axios') c ......
certificate unable verify axios Error

储存数据至mysql数据库时出现 (1064, "You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '),'自营店')' at line 1")报错该怎么解决?

在msyql数据库中存储数据时,程序出现了如下报错: 打印存储的数据类型发现数据类型有错误,将数据转为str类型就可以了。。。 解决思路: 在初入数据库学习时,出现这个报错还是有些懵的,于是改了捕获异常,发现存储数据函数有问题。从报错中可以看出是有跟'自营店'类似的数据有关系的,于是,查看了自己的数 ......
数据 syntax 39 quot your

Vue3中(vite.config.js)配置打包的时候去除console.log

参考:https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......
console 时候 config Vue3 vite

Vue3中使用mitt事件总线

在utils下封装mitt.js import mitt from 'mitt' export default mitt() // mitt基本使用:https://juejin.cn/post/6973106775755063333 组件中引入mitt并使用 import mitt from '@ ......
总线 事件 Vue3 mitt Vue

3.Vue3.0 有什么更新

1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现,提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性,不能监测对象 检测属性的添加和删除; 检测数组索引和长度的变更; 支持 ......
Vue3 Vue

Vue3组合API自动引入插件

插件名:unplugin-auto-import url:https://github.com/antfu/unplugin-auto-import 安装 1、下载插件 npm i unplugin-auto-import -D 2、配置vite.config.ts import vue from ......
插件 Vue3 Vue API