一、創(chuàng)建方式改變

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

二、組件中的模板結(jié)構(gòu)可以沒有根標(biāo)簽

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

三、數(shù)據(jù)響應(yīng)式

? ? ? ?1.基本數(shù)據(jù)類型使用ref的get set ，對象數(shù)據(jù)類型使用ref的proxy

setup () {// data 響應(yīng)式數(shù)據(jù) 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設(shè)計師";console.log(name,age)};return {name,age,job,changeInfo} }

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。