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

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





    
    
    
    
    





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

rooms: 

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

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

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

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

    你可能感兴趣的:(Vue.js)