- 博客(11)
- 收藏
- 关注
原创 vue+vite PC端适配
vue+vite PC端适配.pnpm add lib-flexible-computer postcss-px2rem px2rem-loader -Dimport “lib-flexible-computer”;import px2rem from “postcss-px2rem”css: {postcss: {plugins: [px2rem({remUnit:192})]}}加粗样式# 欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页
2023-06-28 11:02:07
520
1
原创 什么是MVVM 、MVVM与MVC的区别
MVVM是一种设计思想,M就是model数据层,view就是视图层,vm就是数据视图双向绑定model与view不是直接练习的是通过viewmodel进行交互的,当视图数据变动时会同步到model当model变动时会立即响应到view。区别:mvvm与mvc的区别其实并不大,主要是mvc中的c演变成了vm,mvvm主要解决了mvc中的大量操作dom元素使页面渲染性能降低,加载速度变慢影响用户体验vue是驱动视图,通过数据来现实视图层,而不是操作dom节点...
2022-04-19 08:58:39
906
原创 记录vue3.0+ts使用echarts的dataZoom的坑
错误原因:因为vue3.0使用的是proxy的模式监听响应式,this.chart会被在vue内部转换成响应式对象,从而在resize的时候获取不到coordSys.type解决办法:所以在实例化echart时,将其指定为非响应式的即可。import { markRaw } from ‘vue’this.chart = markRaw(echarts.init(document.getElementById(this.id)))...
2022-03-17 15:54:29
1242
3
原创 vue双向数据绑定原理
采用数据劫持结合“发布者-订阅者”模式,通过Object.defineProperty()来劫持各个属性的setter、getter,当数据变动时发布消息给订阅者,触发监听响应的回调
2022-03-16 15:30:22
1123
原创 vue项目打包到部署详解步骤
1.将项目打包完毕并压缩2将事先准备好的服务器配置好并安装nginx(https://www.cnblogs.com/zhuyutang/p/15239592.html)3.将项目包.zip上传至服务器4配置nginx(user/local/nginx/conf/nginx.conf配置讲包的路径配置到localhost :{root:“路径”)5.进入nginx路径,启动nginx...
2022-03-01 16:07:54
1934
原创 发布npm包
1.先注册一个npm账号(https://www.npmjs.com)2.将自己的xiaxia项目进行npm init 初始化,这时候会让你进行配置需要填写的信息依次是:package name: 包的名称version: 版本号description: 包的描述entry point: 入口文件,默认是index.jstest command: 测试命令,可以不填直接回车git repository: 提供git个人仓库,可以不填,直接回车
2022-02-25 09:48:44
222
原创 解决父子组件异步传参
废话不多说直接上代码,简单暴力第一种方法:父页面<子组件 v-if=‘数据!=null’ :数据=‘数据’>第二种方法:子页面通过watch监听异步数据调用,因为生命周期create,mouthd只会执行以下所以通过监听调用methodswatch:{数据:function(new,old){this.updata(new)}} ,methods:{updata(val){consolo.log(val)____这就是传过来的值}}...
2021-08-19 10:20:01
233
原创 vue-浏览器滚动事件——内容滚动,导航栏随之高亮
思路:1:本人是基于vue框架,在使用offsetTop的时候找不到body所以首先用递归找到body2:找出每一块内容的距离顶部的距离存起来3:调用浏览器滚动事件4:在事件内循环元素距离顶部的数组{ if(,如果浏览器滚动的距离+100(这个100是自己根据情况而定的,我的一百是基于元素的顶部标题位置)>=每一块内容的距离顶部[0]){this.indexx=index}}5:通过vue的底层元素 给导航绑定::class=‘indexx==index’?‘高亮样式’:‘’整个思
2021-08-13 09:39:29
866
原创 解决浏览器刷新后vuex中state失效的问题,一串代码搞定!!!!!
**解决浏览器刷新后vuex中state失效的问题,一串代码搞定!!!!!**分析:为了找出问题原因,在对源码分析后发现导致这一问题出现的根本原因是浏览器刷新后vuex中state失效了,而加载的数据依赖于store,所以解决这一问题的根本在于解决浏览器刷新后state失效问题。废话少说上代码 if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign({}, this.$store.sta
2021-08-13 09:27:19
122
原创 vuex解决刷新失效
vuex解决刷新失效1.通过vuex的actions方法,异步请求2.在vue页调用dispath方法3.在vuex页面通过commit方法改便他的值
2021-01-22 16:43:54
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人