vue3与vue2的不同内容
创始人
2024-01-20 10:04:37
0

一、main.js入口文件的不同

// 引入的不再是构造函数,引入了一个名为creacteApp的工厂函数
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
// 创建应用示例对象--->app
const app = createApp(App)
//把组件APP挂载到#app节点上
app.mount('#app')

二、组件中的模板结构允许没有跟标签

三、setup(这个非常重要)

组件中用到的:数据、方法等等,均要配置配置在setup中

setup中的变量不用this.变量获取了  因为本身就在同一个方法中(同一个作用域)

setup返回一个对象,则对象中的属性、方法,在模板中均可以直接使用(重点)

 效果:

 四、ref函数

作用: 定义一个响应式的数据

语法: const xxx = ref(initValue)

      创建一个包含响应式数据的引用对象(reference对象,简称ref对象)

      操作数据: xxx.value

      模板中读取数据不需要.value, 例如;

{{xxx}}


效果:

每天晚上更新   因为白天上班

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...