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 使用

今日学习内容小结