vue之v-text渲染多值

其原理,是利用vue里的computed计算属性来做。

请看代码:

<div id='app'>
    <div v-text="newUsers"></div>
</div>    

new  Vue({
        el:'#app',
        data:{
            arrObj:{
                name:"宋宇",
                age:"1999",
                sex:"??"
            }
        },
        computed: {
            newUsers: function () {
                var that = this;
                var user=that.arrObj;
                return user.name+','+user.age+','+user.sex
            }
        }
    })
    

所以说,vue真的很强大,很方便,就看脑洞有多大了。其实,换个姿势,我还可以来一遍。

原文地址:https://www.cnblogs.com/webSong/p/7224777.html