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

今日学习内容小结