logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

mixins和vuex区别

mixins和vuex区别Mixins:可以定义共用的变量,在每个组件中使用,引入组件中之后,各个变量是相互独立的,值的修改在组件中不会相互影响。如果相同对象,组件会覆盖mixinsMixins,中文意思是混入,所以它的功能是混合。对象和引人mixins的组件混合。vuex:用来做状态管理的,里面定义的变量在每个组件中均可以使用和修改,在任一组件中修改此变量的值之后,其他组件中此变量的值也会随之修

#vue.js#javascript#node.js
eslint设置ctrl+s自动格式代码

近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件,所以自己东拼西凑加实践找到解决方法。解决方案:1、安装插件1)ESlint:javascript代码检测工具,可以配置每次保存时格式化js,但每次保存只格式化一点点,你得连续按住Ctrl+S好几次,才格式化好,自行体会~...

vue数据响应不及时的问题

1.vue由于javascript的限制,对象属性的增加和删除,不能及时更新视图view因为若一个对象的属性没有在data中声明,则他就不是响应式的。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,这样的话这个对象属性就是响应式的。而执行这个过程必须在data中声明才会有。var vm = new Vue({data:{a:1// vm.a 是响应的}})vm.b

安装插件报错--npm run build 打包时,文件路径可能出错

npm run build打包时,文件路径可能出错。在浏览器chrome中报错,路径错了。可以修改vue.config.js,如果没有这个文件,可以手动添加,放在package.json同级module.exports = {/* 部署生产环境和开发环境下的URL:可对当前环境进行区分,baseUrl 从 Vue CLI 3.3 起已弃用,要使用publicPath */...

文章图片
#npm#前端#node.js
Vue实现页面刷新(不闪白)

Vue实现页面刷新(不闪白)普通方法:location.reload();this.$router.go(0);这两种方法会强制刷新页面,会出现短暂的空白闪烁使用 provide和inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。简单来说就是子孙组件可以访问到祖先的对象方法。在 App.vue 文件里写入pr

vue加载慢,优化方案

vue打开慢,有空白的时间,优化方案:1.看看你的依赖包是不是全局引入的,改为组件内按需引入,可大大降低加载时长。或者将组件引入方式改为cdn引入。需要注意的是,两种引入方式不能共存。2.看network,点击ALL,看看哪些文件加载时间长,针对性的优化,静态文件压缩、js文件切片等3.使用compression-webpack-plugin插件,修改配置文件,production环境下对超过10

css优化--vue2和vue3中虚拟滚动,懒加载实现

假设实际开发中服务端一次响应10万条列表数据,此时设备屏幕只允许容纳10条,那么用户理论上只可以看见10条数据。此时如果前端将10万条数据全部渲染成DOM元素,可能造成程序卡顿,占用较大资源,非常影响用户体验,那么虚拟滚动技术就完美的解决了这一问题。5、使用css3的transform属性将滚动到上方不可见区域的DOM元素偏移到可见区域,同时进行数据的更新(重绘操作节约性能)。4、计算滚动了几个i

文章图片
#前端#javascript#vue.js
vue组件中data数据return的意义

VUE组件中 data 里面的数据为什么要return 出来请先看下面示例var obj={name:"zhangsan",age:20}var a=obj;var b=obj;a.age=18console.log(a,b)// {name: "zhangsan", age: 18...

#javascript
vite打包快&几款基于vue3和vite的开箱即用的中后台管理模版

几款基于vue3和vite的开箱即用的中后台管理模版几个强大的管理后台模版,并聊聊他们的特点。Vue vben adminVue Vben Admin 是一个免费开源的中后台模版。使用了最新的 vue3, vite2, TypeScript 等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。特点最新技术栈:使用 Vue3/vite2 等前沿技术TypeScript: 应用程序级 Ja

#nginx#linux#运维
uniapp

项目目录:┌─uniCloud云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb│─components符合vue组件规范的uni-app组件目录│└─comp-a.vue可复用的a组件├─hybridApp端存放本地html文件的目录├─platforms存放各平台专用页面的目录├─pages业务

#vue.js#javascript#小程序
    共 15 条
  • 1
  • 2
  • 请选择