亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【學習打卡】第8天 項目實戰:Vue.js仿京東到家電商全棧項目前端開發

课程名称:前端工程师
课程章节: 第三章 项目登录&注册页开发
主讲老师:Dell

课程内容: 第三章 登录&注册页开发

3-6 Toast 弹窗组件的开发

1、弹窗的应用: 父子组件传值

Toast是子组件,Login是父组件。子组件要用父组件传递过来:message内容

2. 使用transform:translate 位移变形。

旋转: transform:rotate(45deg);
缩放: transform: scale(3); 放大3倍
斜切:transform:skew(10deg, 20deg)
位移:transform: translate(100px, 200px);
transition是过渡。 transition: tansform 1s ease 0s
animation是动画. 定义 & 调用。

3. 公共组件写在components文件夹中

4. 要使用的文件中引入

toast组件写在div中

5. 使用模版语法

1)v-bind
2)v-if
3)<Toast :message=‘toastMessage’
:message是Toast组件里面的属性
4)data双向绑定的原理
input中的v-model是要输入框的和data的值绑定!!! 2s之后弹窗消失,恢复初始值
图片描述

6. 登陆失败和请求失败的代码可以优化

1)showToast方法中message可以外部传入
图片描述

代码情况:
图片描述

點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
7
獲贊與收藏
12

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消