vue学习笔记-黑马教程第一天

DAY 1

https://www.bilibili.com/video/av36650577/?p=1 视频地址

https://github.com/Francis0Cheng/Vue-Personal-Notes  参考笔记代码

https://github.com/shy1118999/vue.js 参考笔记代码2


VUE 中的 MVVM 实例说明 


v-cloak v-text v-html   用于显示内容


v-bind 用于绑定属性 简写为:


v-on: 事件绑定机制 缩写@


小结


跑马灯-lang函数:实现字符截取拼接功能


外部的this对象赋值引入函数内部使用


setInterval() 箭头函数可以直接使用外部this


完整跑马灯代码


事件修饰符


v-model 可以双向绑定


简写方式,,eval 是全局对象上的一个函数,会把传入的字符串当做 JavaScript 代码执行。如果传入的参数不是字符串,它会原封不动地将其返回。


简易计算器实例


绑定:class样式使用


使用内联样式绑定 style


v-for 使用示例


v-for 迭代数字


循环普通数组


循环迭代数组


循环对象


key示例,可以绑定数据


添加方法 push


v-if or v-show 使用


今日学习内容小结
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容