SOURCE

let vm = new Vue({
    el: '#app',
    data() {
        return {
            msg: '周一至周五 10:00-18:00  \n        周六 10:00-12:00   \n    周日 休息',
        }
    },
    computed: {
        time() {
            let msg = this.msg
            msg = msg.split('\n')
            msg.map(x => {
                return x.trim()
            })
            return msg
        }
    },
    mounted() {
    },
    methods: {
        test() {
        }
    }   
})

<div id="app">
    <textarea v-model="msg" row="5" style="width: 300px;height: 150px;"></textarea>
    <div class="row">
        <div>客服值班时间：</div>
        <div class="col">
            <p v-for="item in time">{{item}}</p>
        </div>
    </div>
</div>

*{
    color: #666;
}
html,body{
    background: #fff;
}
.row{
    display: flex;
    flex-direction: row;
}
.col p{
    margin: 0;
}