Javascript 在vue js中读取和呈现基于文本的列表

我有一个php文件，它将cor头插入一个普通的文本文件中

<?php
header('Access-Control-Allow-Origin: *');

header('Access-Control-Allow-Methods: GET, POST');

header("Access-Control-Allow-Headers: X-Requested-With");

?>

Double Room with Park View
Eight-Bedroom House
Five-Bedroom House
Four-Bedroom House
Holiday Home
One-Bedroom House
Seven-Bedroom House
Six-Bedroom House
Three-Bedroom House
Three-Bedroom Townhouse
Two-Bedroom House
Two-Bedroom Townhouse

我想访问返回的文本文件的每一行，以某种方式对其进行处理，并使其可用于列表呈现，例如使用for循环

<div v-for="sr in single_rooms">
        {{sr}}
    </div>

---

您可以使用

.split（/\r\n |\r |\n/）

将字符串转换为由换行符分隔的字符串数组，如下所示：

const data=`豪华家庭房
豪華家庭套房
家庭别墅
船上家庭小屋
家庭双人房
家庭初级套房
`
var app=新的Vue({
el:“#vue”，
模板：“
{{line}
”，
数据（）{
返回{
行：data.split（/\r\n |\r |\n/）
}
}
});


<div v-for="sr in single_rooms">
        {{sr}}
    </div>

Deluxe Family Room
Deluxe Family Suite
Family Bungalow
Family Cabin on Boat
Family Double Room
Family Junior Suite
Family Room
Family Room - Disability Access
Family Room with Balcony
Family Room with Bath
Family Room with Bathroom
Family Room with Garden View
Family Room with Lake View
Family Room with Mountain View
Family Room with Private Bathroom
Family Room with Sauna
Family Room with Sea View
Family Room with Shared Bathroom
Family Room with Shower
Family Room with Side Sea View
Family Room with Terrace
Family Studio
Family Suite
Family Suite with Balcony
Japanese-Style Room
Standard Family Room
Superior Family Room