<div class="order-list">

    <ul :selectFoods="selectFoods">
      <li v-for = 'food in selectFoods||[]' class="cartList">{{food.name}}</li>

v-for="(data,index) in adsrc" 你這樣試一下, 或者把ul 里面的selectFoods屬性去掉。

你的報(bào)錯信息跟你貼的代碼無關(guān)吧？你只按照報(bào)錯信息找到對應(yīng)的代碼修改即可

第一個(gè)問題：原先你的v-for寫在ul一行，當(dāng)然每條數(shù)據(jù)都是被<ul></ul>包裹呀
第二個(gè)問題：報(bào)錯信息有好幾個(gè)，第一個(gè) 沒定義或者是沒有被實(shí)例化。
按照你表述的需求，這樣寫即可

<ul  class="cartList">
  <li v-for = 'food in selectFoods'>{{food.name}}</li>
</ul>

data: {
    message: 'Hello Vue.js!',
    selectFoods: [
      {name: 'a'},
      {name: 'b'},
      {name: 'c'}
    ]
 }

     <div class="carefullyChose"  v-if="shoptwo">
            <ul>
                <li v-for="item in shoptwo">
                        <div>
                            <span class="one">{{ item.productName }}</span>
                            <span class="two">{{ item.introduce }}</span>
                        </div>
                        <div>
                            <img :src="item.picture" alt="" />
                        </div>
                
                </li>
            </ul>
        </div>
    data() {
        return {
            lenght: "",
            shoptwo: {}//定義一下shopTwo
        }
    },