vant 4即将正式发布,如果是 Vue 技术栈,开发移动端的项目,大多会选用 vant 组件库,目前截止2022-10-24 github star 多达 20.3k。
Vue Demi 是一个很棒的包,具有很多潜力和实用性。我强烈建议在创建下一个 Vue 库时使用它。
Vue3官方提供了 script setup 语法糖,它是 Vue3 的一个新语法糖,在 setup 函数中。所有 ES 模块导出都被认为是暴露给上下文的值,并包含在 setup() 返回对象中。相对于之前的写法,使用后,语法也变得更简单。
vue中父子组件传值,props方法一般单向数据流,vue中是不是允许直接修改的,但是在实现业务中有时需要在在子组件中修改父组件的值,这里就巧妙用到了vue sync修饰符来实现。
vue.js如何实现节流和防抖,所谓防抖,就是指触发事件后,就是把触发非常频繁的事件合并成一次去执行。即在指定时间内只执行一次回调函数,如果在指定的时间内又触发了该事件,则回调函数的执行时间会基于此刻重新开始计算。
前端js代码的执行是基于浏览器的,频繁的进行某些计算或处理会占用更多的内存和CPU时间,可能会导致浏览器挂起,甚至是崩溃。防抖和节流即是为了限制JS频繁的执行一段代码
本文会对Vue中一些常见的重要知识点以及框架原理进行整理汇总,意在帮助作者以及读者自测Vue的熟练度以及方便查询与复习。金三银四的到来,想必vue会是很多面试官的重点考核内容,希望小伙伴们读完本文,能够有一定自我提升,也希望这篇文章能够为大家的面试的保驾护航~
vue项目开发中如何关闭eslint检测校验ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具
在vue-cli npm run build是打包生产环境,但有时只是在测试服务器上测试需要不同的配置参数,想根据不同env文件来打包,不用频繁修改配置参数改来改去。可通过不同的env配置配置文件来实现
在使用vue开发组件时,报错Vue-Props with type Object/Array must use a factory function to return the default value.
vue在项目里,页面里有个弹出显示子组件,第一次点击打开后,自动加载请求接口初始化了,但第二次点击后,没有重新渲染,而以保留上次选择的内容,每次点击打开子组件弹窗都重新初始化。
在vue经常用到组件,那父子组vue父子组件生命周期顺序,这样才能更好的传参和调试方法
在vue如何阻止点击事件冒泡方法,子层里点击不要触发父层的点击事件呢,其实vue也有阻止冒泡的事件方法。
在vue中使用vuex,很多人看了很我遍官方不太明白,现在从基本用法及模块化使用详细讲解怎么在项目整合使用,以及mapState、mapMutations、mapActions、mapGetters使用方法。
在使用vant List列表组件开发时,遇到一个坑就是接口重复加载,导致这个bug的原因是, 滚动到底部时会自动触发onload,在切换条件时,重置数据为空后也会触发滚动onload事件。
由于vue自身特性的原因,vuex中的数据在页面刷新之后其中的数据会初始化,这就导致组件之间通过vuex传递的数据在用户f5刷新页面之后会丢失,vuex-persist就派上用场场了。
vue总线Bus传值的坑,在我们的项目总难免会遇到用动态组件,这里就拿vue官方的例子为例,我们欲在组件中添加总线bus(其实官方推荐的vuex更好用,但是有时候我们只需要传一个小状态,不需要用vuex),首先要mian.js 中创建一个总线Bus(当然这里一般要把Bus封装一下放在一个单独的js中,这里单纯只是为了演示,就在main.js中创建一个全局的EventBus)
在vue项目中,各组件之间是需要传值的,有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的Vue实例作为中央事件总线。称为中央事件总线传值。
vue组件传值和页面间通信传参多种方式,在vue开发时大部分一个页面内父子间组件传参,第二页是跳路由页面间传参,下面解决几种情况不同传参数方法
在用vue开发时,几个页面间传参数是经常用到, 哪怎么在vue页面传参常用方法vue页面跳转,传参方式大约可以有下面3种情况。
在用vue开发,运行vue-cli-service本地调试时,如果想对接后端的接口,浏览器会提示cors
在使用vue开发图片功能是,引用了Antv F2插件,复制官方的漏斗图表代码运行时,报错:Antv F2报错chart.pieLabel is not a function。找了头天不知道什么原因,官方示例表问题。
在用vue开发项目时,在路由点击时:NavigationDuplicated: Avoided redundant navigation to current location: “/”的问题,导致这样问题是连续点击相同路由导致报错(不影响正常操作行为)