Soalan pertama: Anda harus menggunakannya mengikut peraturan Vue

<p id="app">
  <ul>
    <li v-for="item in items">
      <p v-if="item.visible" v-text="item.content1" @click="item.visible=false"></p>
      <p v-if="!item.visible" v-text="item.content2" @click="item.visible=true"></p>
    </li>
  </ul>
</p>

new Vue({
  el: '#app',
  data() {
    return {
      items: [{
        content1: "11111",
        content2: "22222",
        visible: true
      }, {
        content1: "33333",
        content2: "44444",
        visible: true
      }]
    }
  }
});

Demo dalam talian: https://jsfiddle.net/n6sga9v2/

Soalan kedua:

Adakah anda bercakap tentang fungsi anak panah? Jika ya, maka tatabahasa yang anda gunakan adalah salah. Ada artikel pendek yang anda boleh baca

1. Kawal elemen berbeza dengan atribut berbeza

2. const b = () => d + 1

Pelajari asas JS sebelum bertanya soalan.