1. 插值表達式：在Vue 3中，插值表達式的語法沒有改變。我們?nèi)匀豢梢允褂秒p大括號({{}})來將表達式綁定到HTML模板中的元素中。例如：<p>{{ message }}</p>。插值表達式會將數(shù)據(jù)動態(tài)地渲染到對應的元素中。
2. 指令：Vue 3引入了新的指令v-bind和v-on的簡寫形式。v-bind可以簡寫為:，用于屬性綁定。例如：<img :src="imageUrl" />。
3. v-on可以簡寫為@，用于事件綁定。例如：<button @click="handleClick">點擊</button>。
4. 條件渲染：Vue 3中的條件渲染依然使用v-if和v-else指令。例如：

<div v-if="isShow">
  <!-- 條件為真時顯示的內(nèi)容 -->
</div>
<div v-else>
  <!-- 條件為假時顯示的內(nèi)容 -->
</div>

Vue 3還引入了新的v-if/v-else的兄弟指令v-if/v-else-if/v-else的寫法。例如：

<div v-if="condition1">
  <!-- 條件1為真時顯示的內(nèi)容 -->
</div>
<div v-else-if="condition2">
  <!-- 條件2為真時顯示的內(nèi)容 -->
</div>
<div v-else>
  <!-- 所有條件都為假時顯示的內(nèi)容 -->
</div>

1. 列表渲染：Vue 3中仍然使用v-for指令來進行列表渲染。例如：

<ul>
  <li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>

可以通過:key屬性來綁定每個列表項的唯一標識，以提高渲染性能。

1. 組件和Prop：在Vue 3中，使用組件時，可以通過v-bind或:指令將數(shù)據(jù)傳遞給子組件的Prop。例如：

<app-component :message="message"></app-component>

其中，message是父組件中的數(shù)據(jù)，可以通過在子組件中定義相應的Prop進行接收和使用。