![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js入门
xyphf_和派孔明
全栈工程师,熟悉原生JavaScript、TypeScript、ES6、Webpack、VUE全家桶、JAVA SSM框架、Spring boot 、Spring cloud、MySql、Oracle、Linux等,可独立构建多页面、单页面应用项目。
展开
-
VUE前端导出文件之file-saver插件
VUE前端导出文件之file-saver插件原创 2023-12-22 23:45:00 · 4401 阅读 · 0 评论 -
七、Vue3使用Pinia刷新页面状态丢失解决方案
或者手写一个本地存储插件,做到Pinia本地持久化。在main.js中引入并注册。原创 2023-11-15 12:25:46 · 1103 阅读 · 0 评论 -
六、Vue3使用Pinia的常用API
通过建立一个新的状态对象,将 store 重设为初始状态。返回值:void。原创 2023-11-15 11:15:25 · 209 阅读 · 0 评论 -
五、Vue3中使用Pinia的同步异步操作及getters用法
Pinia的同步操作Pinia的同步操作组件调用Pinia的异步操作组件调用。原创 2023-11-15 10:53:45 · 2317 阅读 · 0 评论 -
四、Vue3中使用Pinia解构Store
【代码】四、Vue3中使用Pinia解构Store。原创 2023-11-14 23:11:36 · 1045 阅读 · 0 评论 -
三、Vue3中使用Pinia修改State的方法
Vue3中使用Pinia修改State的方法原创 2023-11-14 22:07:42 · 1419 阅读 · 0 评论 -
二、Vue3全局状态管理工具pinia仓库初始化
Vue3全局状态管理工具pinia仓库初始化原创 2023-11-14 21:35:49 · 365 阅读 · 0 评论 -
一、Vue3全局状态管理pinia的安装
使用pinia好处多多:同时支持Vue3 和 Vue2,体积极小,压缩后的体积只有1kb上下,完整的 ts 的支持,代码扁平化没有模块嵌套,只有 store 的概念,store 之间可以自由使用,每一个store都是独立的,无需手动添加 store,store 一旦创建便会自动添加;去除了mutations,只有 state,getters,actions;且actions 支持同步和异步;原创 2023-11-14 20:50:35 · 189 阅读 · 0 评论 -
Vue3封装自定义指令和hooks,并发布npm包
Vue3封装自定义指令和hooks,并发布npm包原创 2023-11-14 17:32:42 · 1174 阅读 · 0 评论 -
vite+vue3批量引入图片
globEager直接做静态加载。glob是懒加载的模式。原创 2023-11-14 13:32:15 · 266 阅读 · 0 评论 -
Vue3编写h函数式小组件
函数式编程和h函数编写按钮小组件原创 2023-11-14 10:38:03 · 330 阅读 · 0 评论 -
Vue3中TSX的使用方式
之前我们是使用Template去写模板,现在可以扩展另一种风格TSX风格原创 2023-11-13 22:34:06 · 4008 阅读 · 0 评论 -
Vue3组件传参之Mitt插件方式
Vue3组件传参之Mitt插件方式原创 2023-11-13 19:44:12 · 677 阅读 · 0 评论 -
VUE2和VUE3思维导图知识体系总结大对比
VUE3知识体系总结原创 2023-11-03 23:56:02 · 553 阅读 · 0 评论 -
uniApp开发注意要点提炼-xyphf
uniApp开发注意要点提炼,我们在使用uniApp开发的时候,很多朋友由于对多端兼容性的不了解,结果在多端编译的时候经常出这样或者那样的问题,而不断的说uniApp这坑那坑的,下面我基于自身经验和官网说明提炼一些常见的注意要点。原创 2023-10-31 13:50:41 · 628 阅读 · 0 评论 -
uniapp开发小程序 小米手机真机bottom:0无效 底部间隙 设备安全区域处理办法
uniApp 小程序bottom:0无效 下面有间隙 设备安全区域原创 2023-10-27 12:16:57 · 1338 阅读 · 0 评论 -
vue 路由守卫实现登陆校验拦截功能
vue 路由守卫实现登陆校验拦截功能原创 2023-10-24 18:23:24 · 322 阅读 · 0 评论 -
Vue3使用Composition API的方式使用Vuex
Vue3使用Composition API的方式使用Vuex。原创 2023-05-02 17:28:31 · 314 阅读 · 0 评论 -
Vue自定义插件的编写
如何实现一个vue的自定义插件。实现一个做数据校验的插件。原创 2023-05-02 13:44:51 · 406 阅读 · 0 评论 -
vue 的自定义指令
vue 自定义指令 directive原创 2023-05-02 09:36:24 · 76 阅读 · 0 评论 -
Vue Mixins插件的使用
2、如果Mixin和组件中都有的生命周期函数,先执行组件中的生命周期函数,再执行Mixin中的生命周期函数。3、组件属性的优先级,高于Mixin属性的优先级。1、组件中的data高于Mixin中的data;原创 2023-05-02 09:12:43 · 150 阅读 · 0 评论 -
vue3中通过ref获取dom节点
【代码】vue3中通过ref获取dom节点。原创 2023-10-24 17:51:43 · 151 阅读 · 0 评论 -
vue3中provide, inject用于父子、祖孙等组件传值场景的使用
vue3中provide, inject用于父子、祖孙等组件传值场景的使用原创 2023-03-11 15:36:08 · 1299 阅读 · 0 评论 -
vue如何显示数学或物理公式
VUE页面显示复杂数学公式原创 2023-01-30 17:17:53 · 570 阅读 · 0 评论 -
vue中如何实现动态属性
以及动态控制事件原创 2022-03-07 09:43:41 · 1560 阅读 · 0 评论 -
Vue自定义指令之按钮级别权限的管理
Vue按钮级别权限控制原创 2021-12-16 15:17:29 · 2307 阅读 · 0 评论 -
处理页面加载图片显示前后抖动问题
html <div class="banner"> <img class="banner__img" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"> </div>css.banner { height: 0; overflow: hidden; padding-bott原创 2021-09-05 15:47:35 · 497 阅读 · 0 评论 -
迅速创建Vue3.x项目
首先环境要求 node版本 12.13.0命令行输入Vue create jingdong选择Manually select features选择Choose Due versionBabelRouterVuexCSS Pre-processorsLinter / Formatter选择3.x (Preview)Use history mode for router?(Requires proper server setup for index f原创 2021-09-03 23:15:46 · 184 阅读 · 1 评论 -
uniApp关键点提炼
1、调试方法H5调试微信小程序调试支付宝小程序调试安卓调试IOS调试2、导航tabBar禁用原生导航栏3、常用组件轮播4、下拉刷新下拉分页功能5、图片画廊图片预览API自定义图片预览下载以及保存图片4、自定义导航栏5、分享朋友圈6、一键登录注册7、实现微信登录8、APP授权登录9、图片剪裁与上传10、真机预览11、项目发布与上线打包H5 web应用发布微信小程序打包安卓App打包ios App原创 2021-09-01 20:06:55 · 246 阅读 · 0 评论 -
vue插件的定义和使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue插件的定义和使用</title> <script src="https://unpkg.com/vue@next"&.原创 2021-08-31 20:40:48 · 168 阅读 · 0 评论 -
Vue3新特性 Teleport 传送门功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue3新特性 Teleport 传送门功能</title> <style> .area { p.原创 2021-08-31 20:00:28 · 213 阅读 · 0 评论 -
vue自定义组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue自定义组件</title> <style> .header { position: absolute}.原创 2021-08-31 19:41:23 · 90 阅读 · 0 评论 -
vue 父子组件间如何通过事件进行通信$emit和update:modelValue
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <script src="https://unpkg.com/vue@next"></scr.原创 2021-08-31 18:04:44 · 2509 阅读 · 0 评论 -
vue组件的定义及复用性,局部组件和全局组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue组件的定义及复用性、局部组件和全局组件</title> <script src="https://unpkg.com.原创 2021-08-31 13:32:23 · 244 阅读 · 0 评论 -
vue 数据、方法、计算属性、侦听器的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue 数据、方法、计算属性、侦听器的使用</title> <script src="https://unpkg.com/.原创 2021-08-31 12:55:59 · 143 阅读 · 2 评论 -
记一次vue elementUI css无效不渲染的巨坑
先说解决方法,nginx加上include mime.types;default_type application/octet-stream;问题是这样的,我遇到一个问题,在main.js里面引入了import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'而且本地可以正常运行,构建出的dist目录也能正常运行,发布到NodeJS服务也能正常运行,唯独让后端发布dist目录...原创 2021-08-26 12:17:24 · 1239 阅读 · 1 评论 -
Nuxt服务端渲染-分别设置多页面Head标签内容
前面我们已经完成了对页面的开发,接下来我们来看每个页面的标签内容,我们发现这三个页面的head标签他是一致的,而且它和nuxt.config.js的配置是保持一样的,所以我们要对这三个bi a原创 2021-06-16 19:11:49 · 607 阅读 · 0 评论 -
Nuxt服务端渲染-命令和列表
命令 描述 nuxt 启动一个热加载的Web服务器(开发模式) localhost:3000. nuxt build 利用webpack编译应用,压缩JS和CSS资源(发布用)。 nuxt start 以生成模式启动一个Web服务器 ( muxt build会先被执行)。 nuxt generate 编译应用,并依据路由配置生成对应的HTML文件(用于静态站点的部署)。 执行npm run build 打包,然后我们查看nuxt目录npm rung.原创 2021-06-02 15:25:10 · 220 阅读 · 0 评论 -
Nuxt服务端渲染-接口服务端渲染
在server里面启动server-api服务后再起一个命令行窗口,启动项目服务cnpm install axios --save原创 2021-06-02 13:32:11 · 333 阅读 · 0 评论 -
Nuxt服务端渲染-Json-server api服务搭建
首先全局安装npm install -g json-server原创 2021-06-02 10:18:36 · 209 阅读 · 0 评论