2018-09-11

    
    


 

    {{msg}}
    {{num}}
    {{obj}}
    {{arr}}

简单的vue实例 记得导入vue.js

输出如下

QQ截图20180911185711.png

    
    
    




    

        
        
        
        
        

            
            

                
编号
                
名称
                
价格
            
        

            
{{index+1}}
  
            
            
{{value.name}}
            
{{value.price}}
        
        
    

v-for 指令可以绑定数组的数据
value in arr : value为变量名可自己命名，in为固定值，arr为变量（改变量应与script中data所后跟随的变量保持一致）

输出结果如下

QQ截图20180911185836.png