![](https://img-blog.csdnimg.cn/d2a94aa73fc84d7f937d93eafa2a2478.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 78
....
白瑕
没弃坑, 只是在学Three.
展开
-
Vue3组合式API+TypeScript写法入门
参考Vue3官网.本篇以组合式API为例, 但不包含setup语法糖式写法.原本打算结合class-component, Vue3不推荐就不用了:而且是不再推荐基于类的组件写法, 推荐单文件组件, 组合式 API和setup语法糖.原创 2023-07-21 15:32:34 · 546 阅读 · 1 评论 -
An arithmetic operand must be of type ‘any‘, ‘number‘, ‘bigint‘ or an enum type.
尝试对reactive内一Number类型变量执行++时标红.原创 2023-07-18 16:01:17 · 522 阅读 · 0 评论 -
Vue3+TS ref的使用
对ref的用法有点模糊, 整理一下吧.原创 2023-07-17 19:06:05 · 3389 阅读 · 0 评论 -
Vue3 TS props传参报错TS2722: Cannot invoke an object which is possibly ‘undefined‘.
子组件props接受父组件传来的函数, 调用时报错该值可能为undefined.原创 2023-07-15 17:34:50 · 1367 阅读 · 0 评论 -
package.json 开发依赖与运行时依赖
我已经使用npm接近两年了, 但对于package.json内的和也只是知道什么依赖该放什么部分, 至于为什么放到这个部分, 我并不很了解原创 2023-02-18 12:38:10 · 926 阅读 · 0 评论 -
解决原生template标签在Vue中失效的问题
需要原生Javascript + three.js的数据标注平台加入Vue框架.本来挺顺利的, 我直接在mounted周期做了初始化, 然后剩下的操作还是交给JavaScript文件执行, 最后发现里面有很明显的事件触发问题.原创 2023-02-17 16:45:11 · 2725 阅读 · 0 评论 -
Vue2 Vuex在大型项目中的应用
构建大型Web项目的Vuex结构.原创 2023-01-13 23:53:48 · 460 阅读 · 0 评论 -
Vue2 $emit传函数类型回调获取父组件参数
$emit传函数类型回调获取父组件参数.原创 2022-11-08 20:30:37 · 2231 阅读 · 0 评论 -
Vue 2.6.13 源码解析(五) 感知变化以发起通知
Vue 2.6.13 源码解析(五) 依赖收集, 感知变化原创 2022-11-05 19:24:07 · 429 阅读 · 0 评论 -
Vue2 带纵向合并的原生表格实现切割侧栏分页
带纵向合并的表格, 到达固定行数强制分页, 截断本页纵向合并, 在下页展示该纵向合并的剩余部分原创 2022-10-31 23:27:06 · 519 阅读 · 0 评论 -
Vue 2.6.13 源码解析(二) initLifeCycle && initEvents
Vue 2.6.13 源码解析(二) initLifeCycle && initEvents原创 2022-10-23 20:12:15 · 579 阅读 · 0 评论 -
Vue 2.6.13 源码解析(四) Observer、Dep、Watcher与订阅
Vue 2.6.13 源码解析(四) Observer、Dep、Watcher与订阅原创 2022-10-16 17:45:33 · 1256 阅读 · 0 评论 -
Vue 2.6.13 源码解析(三) 初始化
Vue 2.3.2 源码解析 初始化原创 2022-10-09 16:59:00 · 710 阅读 · 0 评论 -
Vue 2.6.13 源码解析(一)
Vue 2.6.13 源码解析原创 2022-10-05 21:44:33 · 541 阅读 · 0 评论 -
Vue2 computed中的setter
Vue2computed中setter的使用方法, 在什么情况下使用setter, 对于setter的一些个人见解.原创 2022-10-02 02:08:22 · 2302 阅读 · 1 评论 -
Vue2 .sync修饰符的应用
JavaScript .sync修饰符的使用方法 .sync修饰符作用.原创 2022-10-01 12:25:29 · 1929 阅读 · 0 评论 -
Vue2 解决computed返回值未能渲染到DOM的问题
Vue2 computed返回值未能成功渲染到DOM的解决方案.Vue2 解决computed函数返回值未渲染到DOM, DOM不渲染computed返回值, 渲染完成后拿到computed导致未能渲染, `computed`返回值之前DOM已渲染完成导致的`computed`值未能成功渲染.原创 2022-09-13 20:41:27 · 2264 阅读 · 0 评论 -
Vue2 watch监听对象的属性值变化
Vue2 watch监听对象属性值变化, 监听props对象, 监听对象整体变化, 参数对象的组织方法 如何避雷监听失败原创 2022-09-01 00:52:48 · 11996 阅读 · 0 评论 -
Vue2 Vuex 遍历存储动态长度数组
Vuex遍历存储后端返回的、包含对象的、动态长度的数组原创 2022-08-26 00:55:47 · 1022 阅读 · 0 评论 -
Vue 利用v-model和v-on实时处理值并渲染
今天在项目看到的一个写法, 虽然不是多麽高深, 但是感觉挺巧妙的.原创 2022-08-17 21:59:20 · 684 阅读 · 0 评论 -
Vue2.0 Vuex的基本使用
Vuex可以更加方便的实现组件之间的数据共享,大家都把数据集中存储在一个地方(store),然后大家用数据的时候也都去那一个地方找.我觉得在数据交流需求比较大的情况下,这样会更有条理吧,不用在这里传一次再到另一个组件再接再传.刚看完教程,额,还是决定去看一下官方文档,虽然这必然意味着更多的时间投入.但是我也不想以后跟人家说"阿,我会vuex."然后就只是会用,别的一概不知..........原创 2022-07-15 20:00:44 · 4935 阅读 · 1 评论 -
Vue3 前端配置代理解决跨域
一个亲测可用的跨域解决方案.原创 2022-05-06 23:15:58 · 6520 阅读 · 0 评论 -
Vue3 只传入一个参数 调整子组件内多个元素
仅传入一个参数, 如何改变子组件内多个元素原创 2022-05-02 15:01:04 · 825 阅读 · 0 评论 -
Invalid prop: type check failed for prop ““. Expected Number | String, got Array
记录一个用Props传值时出现的BUG和原因.原创 2022-04-30 17:26:31 · 2891 阅读 · 0 评论 -
解读ES6 Promise
详解ES6 Promise异步文章目录详解ES6 Promise异步前言一、Promise是什么呢...二、resolve三、reject四、then() & catch()五、all总结前言我打算先解释resolve和reject这两个方法, 因为then()和catch()负责接收resolve和reject方法的返回物,这样可能会更好理解些,然后all方法这多少有点规格外,我们最后说.一、Promise是什么呢…一种异步编程解决方案,多用于一般很耗时的网络请求(JS是单线程语言原创 2021-09-07 00:15:26 · 148 阅读 · 0 评论 -
Vue3 $emit父子传值
另外一些时候我们需要获取子组件的某些值,来在父组件内进行操作,科学一点的请求模式是把所有子组件的请求集中在父组件请求,减少请求量,那么子组件必然要提供请求所需要的数据,这需要子传父传值。原创 2021-07-27 19:25:53 · 4083 阅读 · 3 评论 -
Vue 页面权限控制(一)
Vue router权限管理文章目录Vue router权限管理前言beforeEach()二、权限管理总结前言如果您已经掌握了Vue-router的基础知识,那么可以放心食用本文了.这篇文的案例是我在Vue2里做的;一般来说网站会拥有不同的权限级别(比如氪佬和普通用户),这往往决定着用户从网站中摄取信息量的多少.而作为一个网站开发者,如果一个普通用户要访问只有会员才能访问的页面,我们应该怎么去阻止他呢?# 一、路由元信息和beforeEach()用户点击某个模块会让URL发生变化,进而带原创 2021-07-26 20:50:17 · 2448 阅读 · 1 评论 -
Vue购物商城项目(二) 数据请求&使用
一个Vue购物商城项目的网络请求和数据填充部分原创 2021-07-17 20:38:36 · 1022 阅读 · 5 评论 -
Vue-cli4 配置别名
Vue-cli4配置alias文章目录Vue-cli4配置alias前言配置别名别名-使用方法总结前言之前去查了设置别名的方法,都说在vue.config.js里进行配置,我把他们的代码复制下来跑了一次,别名根本不生效;配置别名首先依据如下路径找到base.js文件;node_modules>@vue>cli-service>lib>config>base.js然后找到如下: webpackConfig.resolve // This p原创 2021-07-03 15:09:27 · 1266 阅读 · 1 评论 -
Vue购物商城项目(一)
Vue购物商城项目文章目录Vue购物商城项目前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import原创 2021-07-03 10:59:42 · 6250 阅读 · 1 评论 -
Vue3 插槽使用详解
一文搞懂Vue3插槽基本用法原创 2021-06-25 23:24:48 · 17401 阅读 · 7 评论 -
Vue3 + cli4 配置路由
vue-cli4 路由配置文章目录vue-cli4 路由配置前言-vue路由一、最基本路由配置1.配置router/index.js2.配置App.vue二、路由懒加载技术三、路由嵌套四、动态路由1.动态路由配置2.动态路由传参总结前言-vue路由Vue-router是Vue官方的路由插件,与Vue.js深度集成.在使用了vue-router的单页面应用中,url的改变会引起组件的切换,从而达到页面切换的效果,所以如何让URL按照我们的意愿去改变和URL改变后页面去向何处是配置vue-router原创 2021-06-19 20:11:45 · 1099 阅读 · 14 评论 -
Vue-cli 4.x 中的全局样式配置
在Vue-cli 4.x 中配置样式在使用vue-cli 4.x搭建项目完毕后,你可以选择在项目目录下创建"style"文件夹,在里面创建scss文件来作为全局可用的样式文件.为什么要配置全局样式其实也可以选择不创建全局样式文件,如果你愿意每创建一个页面都在它目录下的独有scss文件中重新规定它的所有样式…所以建立它吧,这会让你省下那些重复的工作.一、插件准备你需要安装3个插件: node-sass & sass-resources-loader & sass-lo原创 2021-06-17 23:12:59 · 1118 阅读 · 2 评论 -
使用vue-cli4.5.x快速搭建项目
目录一、安装vue-cli二、创建项目1.生成项目文件;2.选择生成配置方式3.插件选择4.单项配置5.选择包管理工具三.VueUI修改配置附-删除已保存的配置选项总结一、安装vue-clinpm i @vue/cli -g二、创建项目vue-cli会创建一个完整的项目文件夹,内部包含src等,我们仅需要cd进打算放置这个项目文件的文件夹内执行如下代码即可;1.生成项目文件;终端输入:vue create projectname2.选择生成配置方式此处选择最下面一项进行手动配置(你原创 2021-05-29 13:51:12 · 1107 阅读 · 13 评论 -
WebPack配置文件抽离存放
WebPack配置文件的分离文章目录WebPack配置文件的分离简述一、安装插件&配置二、抽离存放1.分离配置文件2.merge配置文件之间接合三、打包总结简述对配置文件进行抽离,以达到开发时依赖一个配置文件,发布时依赖一个配置文件的目标,在配置文件的代码量巨大时,此举可有效提升整洁性;所有配置混杂的webpack.config.js在分离完成后可删除一、安装插件&配置通常会分离为三个文件,一个开发时依赖的配置文件(这里我命名为dev.config.js),一个发布时依赖的配原创 2021-05-24 15:16:34 · 213 阅读 · 2 评论 -
Webpack dev-server搭建本地服务
WebPack-dev-server搭建本地服务器文章目录WebPack-dev-server搭建本地服务器dev-server简述一、安装&配置dev-server二、使用dev-server总结dev-server简述用途:实现浏览器自动刷新来显示结果.dev-server是一个可选的本地开发服务器,基于node,js创建,内部使用express框架.express框架可以服务于某个文件夹,会一直监听其中的代码是否改变,一旦改变会对所有改变的代码重新编译,编译后的代码会由expres原创 2021-05-24 13:25:21 · 419 阅读 · 0 评论 -
WebPack打包CSS文件
来看看都需要甚麽为甚麽要准备这些?一、建立并配置文件webpack.config.js1.所需loader的安装2.引入NodeJS模块获取绝对路径2.module exports对象内部配置二、开始打包CSS文件总结为甚麽要准备这些?WebPack无法解析CSS代码,我们需要安装loader(loader负责完成WebPack无法完成的那部分工作,以便WebPack的工作能进行下去.)来辅助WebPack完成这项工作.我默认您已经安装好了Node & WebPack & Webpa原创 2021-05-15 21:37:05 · 831 阅读 · 0 评论 -
Vue3 Props父子组件传值
多用于封装组件时,我们界定好一些不变的属性,再暴露一些支持自定义的属性,这些支持自定义的属性就要通过Props传值,比如支持自定义尺寸就如下例。原创 2021-04-25 22:34:23 · 2473 阅读 · 2 评论 -
Vue3 v-for生成DOM元素
v-for的用法, 案例代码可跑.原创 2021-04-15 13:07:19 · 2452 阅读 · 0 评论 -
对Vue生命周期的一些简单见解
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言9AAA >提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport原创 2021-04-14 22:20:42 · 877 阅读 · 8 评论