![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
哇,女前端哎!
这个作者很懒,什么都没留下…
展开
-
vue3+vite项目使用本地图片打包后不显示
vue3+vite项目使用本地图片打包后不显示。原创 2024-01-06 17:46:38 · 2476 阅读 · 1 评论 -
本地项目运行后使用手机访问network域名显示无网络
不管是vue项目还是react项目,运行后都会有一个本地访问域名和network访问域名。打开控制面板-》找到防火墙和网络保护-》将使用中的这个网络关闭即可访问。如果想用手机查看本地项目的效果,需要使用network域名。原创 2023-12-29 13:35:20 · 556 阅读 · 1 评论 -
vue3.0实现简易版计算器
通过两个数字计算对应的结果,两个输入框必须都输入,输入后点击对应的按钮计算对应的结果,将结果展示页面上,点击clear将输入的数字和结果清空。原创 2023-04-12 10:19:16 · 1365 阅读 · 1 评论 -
【Vue.js】生命周期的执行顺序
挂载(初始化相关属性):beforeCreate、created、beforeMount、mounted更新(元素或组件的变更操作):beforeUpdate、updated销毁(销毁相关属性):beforeDestroy、destroyed<!DOCTYPE html><html> <head> <meta charset="UTF-8"&...原创 2020-04-20 21:49:19 · 496 阅读 · 0 评论 -
【Vue.js】watch侦听器与computed计算属性的区别
watch:当数据变化时执行异步或开销较大的操作(当数据一旦发生改变就会通知侦听器所绑定的方法)。computed:必须要有返回值,基于他们的依赖进行缓存的,可以使模板内容更加简洁。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>watch与comput...原创 2020-04-19 14:38:32 · 256 阅读 · 0 评论 -
【Vue.js】全局与局部自定义指令的区别
示例中介绍了全局自定义指令与局部自定义指令的区别全局自定义指令:可以在任何实例中应用。局部自定义指令:只能在本身的vue实例中应用。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全局自定义指令与局部自定义指令的区别</title> &...原创 2020-04-18 21:58:48 · 1071 阅读 · 0 评论 -
【Vue.js】自定义指令的用法
下面列出了自定义指令的用法及带参数自定义指令的用法。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义指令</title> <script src="../js/vue.js" type="text/javascript" cha...原创 2020-04-18 21:31:41 · 191 阅读 · 0 评论 -
【Vue.js】使用v-for指令遍历图片
vue.js通过v-for指令遍历图片数组,首先给一个数组,数组内放入图片的路径,使用v-for指令遍历数组,通过v-bind指令绑定src属性,v-bind的简写是:属性名。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-for指令遍历图片</...原创 2020-04-07 11:45:19 · 4191 阅读 · 0 评论 -
使用VUE.js实现弹框显示
通过事件绑定实现弹框显示。事件绑定的写法有两种:1、v-on指令的用法:v-on:事件名2、v-on简写的形式:@事件名<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用vue.js实现弹框显示</title> </head>...原创 2020-04-01 11:17:30 · 2958 阅读 · 0 评论