- 博客(11)
- 收藏
- 关注
RSS订阅原创 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关注的人