今天是学习Vue的第二天,在B站找的视频,老师讲的特别细,基础到从引入Vue文件开始
今天是学习了ES6新特性,let和coast定义比var强大的多,用let定义的变量有固定的作用域,不会被轻易改变
coast用来定义不需要再改变的常量。字面量增强写法让代码更加简洁,可以将function aaa() {}简化为aaa() {}。
接下来学习了v-on(语法糖为@)的基本使用和参数传递,事件响应@click。
跟着老师做了一个简单的响应登录切换小案例,老师让用<button @click = 'sUser = !isUser'>切换类型</button>行内方法进行转换,写出来之后觉得可以封装成方法然后就有了
<button @click = 'aaa'>切换类型</button>
methods: {
//定义方法进行转换
aaa() {
this.isUser = !this.isUser
}
最后成品
image.png
很小很小的东西,但也证明今天是有收获的。
收工睡觉!