Vue 循环、点击、双向绑定

vue js 的简介：

Vue.js的特性如下：
1.轻量级的框架
2.双向数据绑定
3.指令
4.插件化
创始人：尤雨溪

一、常用指令
1.v-for：对数组或对象进行循环操作
例：

    

        
{{value}}
    

2.v-on:绑定一个事件，后面跟事件名 简写：@事件名=“函数”
例：

   

   按钮
  

3.v-model:双向绑定，一般用于表单元素
例：

  

  
   
{{msg}}
   

练习：
制作一个水果表格

    

    

       

           

               
数量
               
名称
               
价格
           
       
        

            

                {{value.num}}
            
            

                {{value.name}}
            
            

              {{value.many}}
            
                
            
        
    
    

作业：

    

   
   添加
   

       

           {{value}}
           删除