• Vue基本语法
  • 判断循环
• Vue模板语法
  • 文本
  • 属性
  • v-bind
  • v-on

Vue基本语法

1. 判断循环

   1. /*判断*/
      
      
          
      A
      	
      B
      	
      No
      
      
          
      
      

   2. /*循环*/
      
      
          
      
          	{{item.message}}
          
      
      
          
      
      

Vue模板语法

1. 文本

   {{message}}
   

2. 属性

3. v-bind

   HTML属性中的值使用v-bind

   缩写为 :属性名

   
       百度
   
   
   var app = new Vue({
   	el:"#app",
   	data:{
   		url:"https://www.baidu.com",
   	}
   })
   

   动态参数

   ? 当vue实例有一个 data property attributeName，它的值可以动态绑定到v-bind

   当值为href，上述绑定等价于 v-bind:href

4. v-on

   用于绑定HTML事件

   缩写为 @事件名