框架
关注
分享
扫一扫
Zaltana
这个作者很懒，什么都没留下…
展开
-
vue之列表过渡
列表过渡原创 2022-03-10 22:44:00 · 1814 阅读 · 0 评论 -
vue之过滤器
vue过滤器原创 2022-03-10 22:40:33 · 1040 阅读 · 0 评论 -
vue之过渡
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/vue.js"></script> <style type="text/css"> img{ width:300px; height:300px;.原创 2022-03-10 22:39:16 · 577 阅读 · 0 评论 -
vue之动态组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/vue.js"> </script> <style type="text/css"> *{ margin:0; padding:0;.原创 2022-03-09 19:24:28 · 322 阅读 · 1 评论 -
vue 中slot插槽
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="text/javascript"> </script> </head> <body> <div id="app"> <myheader.原创 2022-03-08 19:28:32 · 420 阅读 · 0 评论 -
非父子组件的消息传递
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="text/javascript"> </script> </head> <body> <div id="app"> <helloa&g.原创 2022-03-08 19:22:54 · 158 阅读 · 0 评论 -
外部轮播组件
外部轮播组件原创 2022-03-07 19:42:18 · 70 阅读 · 0 评论 -
图片轮播组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/vue.js"></script> <style type="text/css"> .myswiper{ width:500px; height:.原创 2022-03-07 19:39:04 · 227 阅读 · 0 评论 -
子传父的优化写法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/vue.js"> </script> </head> <body> <div id="app"> <h2>{{.原创 2022-03-07 19:28:42 · 79 阅读 · 0 评论 -
子组件往父组件中传输消息
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <!-- 在父组件监听事件: 核心内容子传父以事件的形式进行监听 -->.原创 2022-03-07 17:26:31 · 266 阅读 · 0 评论 -
vue父传子
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <hellobox :name="name" :age="age" :son.原创 2022-03-07 17:25:37 · 90 阅读 · 0 评论 -
vue局部组件与子组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <hello></hello> </div>.原创 2022-03-07 17:23:48 · 267 阅读 · 0 评论 -
vue局部组件与子组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <hello></hello> </div>.原创 2022-03-07 11:17:50 · 128 阅读 · 0 评论 -
vue局部组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <hello></hello> </div>.原创 2022-03-07 11:07:36 · 1243 阅读 · 0 评论 -
vue全局变量
原创 2022-03-07 10:07:52 · 251 阅读 · 0 评论 -
vue 实现简单播放器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js".原创 2022-03-05 13:12:28 · 2302 阅读 · 0 评论 -
vue天气预报
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <!--引入 axios网络地址 axios相当于 js里的ajax--> <script .原创 2022-03-02 18:47:30 · 1369 阅读 · 0 评论 -
vue标签
el挂载点{{}}插值表达式，插值表达式可以进行计算，可以进行判断，可以进行拼接v-for 循环遍历标签index 代表序号item代表值address地址属性 area区域属性flag控制vue显示隐藏true，falsev-if元素是否显示通过flag显示 v-show 一样的用法@click 点击事件的简化写法v-on:click 点击事件正常写法this.msg.split('')变成字符串数组 字符串数组里有一个反转方法 join("")把数组在变成字符串原创 2022-03-01 17:57:22 · 449 阅读 · 0 评论