Vue的computed和watch的细节全面分析
code_lee3年前3391
1.computed1.1 定义是一个计算属性,类似于过滤器,对绑定到view的数据进行处理1.2 get用法 data: { &...
Axios 框架的网络模块封装
code_lee3年前3176
什么是 Axios?Axios 是一个基于 promise 的 HTTP 库, 可以用在浏览器和 Node.js 中Axios的作用是什么呢: Axios主要是用于向后台发起网络请求的, 并且可以在请...
axios配置及封装
code_lee3年前2065
axios获取后台数据的方法插件promise处理异步的方法封装在实际项目里为了更方便的使用axios获取后台数据，这里我们用promise封装一下...
vue 组件开发 props 验证 && 非Prop的Attribute && $attrs的使用
code_lee3年前1626
使用props在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子：<!DOCTYPE html> <html> <he...
在 Vue 中使用 JSX
code_lee3年前4780
介绍一下JSXJSX 简介JSX是一种Javascript的语法扩展，JSX = Javascript + XML，即在Javascript里面写XML，因为JSX的这个特性，所以他即具备了...
基础阶段-vue进阶
code_lee3年前1607
Vue 进阶$emit 和 $on<!------------------------------------------------------------ 文件名:...
import在vue中使用及Dynamic Import动态引入（按需引入）
code_lee3年前5925
const oBtn = document.querySelector('#btn') oBtn.addEventListener('click...
vue3自定义指令-directives
code_lee3年前7910
在Vue的模板语法中我们学习过各种各样的指令：v-show、v-for、v-model等等，除了使用这些指令之外，Vue也允许我们来自定义自己的指令。 注...
Vue实现动态路由
code_lee3年前2825
main.js 引入权限处理模块import './permission' // permission control权限控制permissio...
vue + elementUI 表单重置两种方法
code_lee3年前3480
一、添加 prop 清空验证和内容<el-form-item label="排序" prop="orders"> ...
VUE列表渲染 FOR-IN和FOR-OF的区别
code_lee3年前3642
全文总结V-for循环遍历数组时推荐使用of，语法格式为(item，index)item:迭代时不同的数组元素的值index:当前元素的索引...
vue中路由跳转的三种方式
code_lee2年前2142
router-view 实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。1.router-linkto里的值可以是一...
vue中页面路由this.route.push跳转页面不刷新
code_lee2年前5297
注意:created()方法是无效的 方法:在需要刷新的页面添加以下内容解决办法有两种：1、使用activated:{}周期函数代替mounted:{}函数即可。将mounted函数 替换成activ...
vue自定义全局公共函数
code_lee2年前6771
单独零散的函数在main.js里进行全局注册Vue.prototype.ajax = function (){}在所有组件里可调用this.ajax()...
webpack-proxy 实现跨域
code_lee2年前2601
有时候我们使用webpack在本地启动服务器的时候，由于我们使用的访问的域名是 http://localhost:8081 这样的，但是我们服务端的接口是其他的，那么就存在域名或端口号跨域的情况下，但...
ElementUI Tree 组件，实现自定义勾选父子选项
code_lee2年前4748
为什么要自定义实现勾选，而不是采用其自带的勾选？当设置了：复选框 和 check-strictly = false(默认) 父子关联，会出现：选中父级，勾选所有子选项；取消父级选中，同时取消子选项勾选...
vue router.beforeEach()
code_lee2年前1781
router.beforeEach（）一般用来做一些进入页面的限制。比如没有登录，就不能进入某些页面，只有登录了之后才有权限查看某些页面。。。说白了就是路由拦截。第一步 规定进入路由需不需要权限&nb...
render 函数是怎么来的？深入浅出 Vue 中的模板编译 Vue render与$slot $slotScoped应用
code_lee2年前1318
new Vue({ render: h => h(App) })这个大家都熟悉，调用 render 就会得到传入的模板(.vu...
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
code_lee6个月前2763
报错描述：安装vite框架（Vue3）后，项目“main.ts” 文件中 “import App from ‘./App.vue’” 部分有红色报错提示，其他文件有些import引入文件也报错。查看项...
vue3的getCurrentInstance获取组件实例踩坑
code_lee6个月前1505
一、getCurrentInstance基本用法我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中，可以通过this来获取当前组...
vue3中使用pinia(大菠萝)状态管理仓库
code_lee6个月前3529
一、vue3中使用piniaPinia是一个Vue 3的状态管理库，提供了一个易于使用的API和可扩展性。下面是如何在Vue 3项目中使用Pinia的步骤：1.安装Pinia在项目中使用npm或yar...
Vue3 + TS PropType类型验证
code_lee7个月前1155
⽤⼀句简单的话来说，就是为了类型推论，让我们在使⽤属性的时候获取更丰富的类型提⽰，⽐如在这⾥我们定义了⼀个属性 list，使⽤ vue默认的 Array，只能确定它是⼀个数组类型，不能确定数组⾥⾯的每...
vue3中通过ref和$parent结合defineExpose实现父子组件之间的通信
code_lee7个月前1631
Vue 3 中通过 ref 和 $parent 的结合使用，可以很方便地实现父子组件之间的通信。通过 ref，父组件可以获取子组件实例，并调用其方法或访问其属性。而通过 $parent，子组件可以获取...
vue3中的useAttrs()的使用和注意点
code_lee7个月前1646
一、useAttrs的基本使用在Vue 3中，使用<script setup>语法来编写组件，可以将组件的模板、逻辑、响应式数据等写在同一个地方，提高可读性和维护性。使用useAttrs函...
vue3中利用v-model实现父子组件之间的数据同步
code_lee7个月前1534
一、v-model实现父子组件之间的数据同步在Vue 3中，可以在<script setup>中使用defineEmits和defineProps来定义props和event。使用v-mo...
vue3中利用mitt实现事件总线，完成兄弟组件之间通信
code_lee7个月前1601
Vue.js是一款流行的JavaScript框架，它具有强大的响应式数据绑定和组件化开发能力。在Vue.js中，事件总线是一种非常重要的通信机制，它可以帮助我们在无需父子组件传递props的情况下在组...
vue3父子组件之间通信porps和自定义事件
code_lee7个月前2033
在Vue.js的世界里，组件间的通信是构建大型应用的基础环节。处理好各个组件间的数据流动，以确保整个应用的稳定性和健壮性，是每个Vue.js开发者必备的技能。在Vue3中，父子组件间的通信主要通过Pr...
解决 Hbuilder 使用高德地图 POI 搜索一直报错： Uncaught ReferenceError: AMapUI is not defined
code_lee8个月前1851
前提：在使用Hbuilder+高德JS，开发APP的时候，希望在使用高德地图的POI检索地址，并在地图上定位，当中使用了高德地图的js文件，参考高德官网提供 demo，发现js一直报错 【 AMapU...
Vue 配置全局样式（style-resources-loader）
code_lee8个月前1675
一、简介在样式引入时，对于变量的引入，需要在每个文件里都要引入一遍，为了避免每次使用时都需要单独引入一遍的问题，采用了...
vue-amap安装和使用
code_lee8个月前2311
vue-amap 是饿了么开源的一套基于 Vue 2.0 和高德地图的地图组件。 数据状态与地图状态单向绑定，开发者无需关心地图的具体操作。官方文档：组件 | vue-amap ...
Vue 之 编译之 处理 warning Delete `␍` prettier/prettier
code_lee8个月前2925
一、简单介绍Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。二、Delete `␍` prettier/prettier 现象...
vue-echarts 中文版
code_lee9个月前1013
Apache ECharts 的 Vue.js 组件。使用 Apache ECharts 5，同时支持 Vue.js 2/3。若您准备从 vue-echarts ≤ 5 的版本迁移到新版本，请在升级...
前端系列——vue2+高德地图web端开发（地图控件）
code_lee10个月前1913
前言本次文章仅围绕地图组件展开地图控件说明https://lbs.amap.com/api/jsapi-v2/documentation#control控件使用了解关键使用方法名...
前端系列——vue2+高德地图web端开发（使用和引入）
code_lee10个月前1684
准备工作高德地图的个人开发者注册高德api网址https://lbs.amap.com1.点击进行注册...