前端学习——vue基础

一、Day01

1.第一个vue程序

首先引入vue.js，这里是在官网下载的

创建一个盒子id为hello

  
{{message}}
 

  
{{name}}

new一个vue 

查看网页：

在控制台修改数据，页面数据也会更改（响应式）：

 2.v-for使用

  


    
{{item}}
  

 

 3.v-on的使用（监听事件）

  
当前计数：{{count}}

  +

  -

单击+号即+1，单击-号即-1

4.v-on的传参类型

  btn1

  btn2

  btn3

  btn4

二、Day02 

1.v-bind的使用（绑定标签属性）

  
  百度一下

2. v-on动态绑定数组

  
{{message}}

 3.v-on动态绑定对象

  
{{message}}

  按钮

4.小案例

动态生成四部电影，第一部电影文字颜色为红色，单击谁谁变红

  


    
{{m}}