vue 组件数据循环

Question

vue组件，把字符串切割为数组 然后循环输出结果报错

想得到下面这样的数据

#1岁-2岁 #早餐 #快手

var test = "1岁-2岁,早餐,快手";

<cook-tag :tags="test" />

Vue.component("cook-tag", {

    template: "<span class='tag-item' v-for='item in list'>#{{item}}</span>",

    data() {

        return {

            list:[],

        }

    },

    props: ["tags"],

    created(){

        this.list = this.tags.split(",") || [];

    },

})