Vue.js基础知识点（一）：绑定背景图片，给v-for循环标签自身属性添加属性值，php将$集合变量赋值给Vue.js

小白第一次接触Vue.js，使用v-for设置背景图片，同时有几个知识点包含在这个demo里,先上代码：

    
    
    
    
    



        
			
            
                

                    
{
    {item.roomname}}
                    

                        在线人数：{
    {item.person}}人
                        玩家点数：{
    {item.point}}点
                    
                
            
        

1、php将$rooms集合赋值给Vue.js，使用的是:

rooms: 

注意：不需要添加双引号“ ”，需要使用json_encode()把集合数组转换成json，如果加双引号就变成了字符串。

2、vue.js绑定背景图片，需要使用v-bind:style

 3、vue.js绑定a标签链接，用，前面是有冒号的

v-for循环标签自身获取属性，不需要加{ {}}双括号了。