一、創建方式改變

import { createApp } from 'vue' import App from './App.vue'createApp(App).mount('#app')

二、組件中的模板結構可以沒有根標簽

<template><p>{{ name }}</p><p>{{ age }}</p><p>{{ sex }}</p><button @click="sayHello()">歡迎</button> </template>

三、數據響應式

? ? ? ?1.基本數據類型使用ref的get set ，對象數據類型使用ref的proxy

setup () {// data 響應式數據 let name = ref("intic");let age = ref(25);let job = ref({type: "前端工程師",salary: '30K'})function changeInfo () {name.value = "inticaler";age.value = 18;console.log(job.value);job.value.type = "UI設計師";console.log(name,age)};return {name,age,job,changeInfo} }

總結

以上是生活随笔為你收集整理的vue3.0新功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。