Vue和Vue-Element-Admin(十四):vue3.x与vue2区别分析

目录

vue3.x组合式api

vue2 定义属性和方法

vue3 定义属性和方法

router 使用的区别

vue2.x router使用

定义router

在main.js中引入router

在vue中使用

vue3.x使用router

定义router

在main.js中引用

在vue中使用router

定义全局方法,变量

vue2.x定义全局方法

vue2.x中使用全局方法

vue3.x定义全局方法

vue3.x中使用全局方法

父子组件调用

vue2.x 父组件调用子组件

定义子组件

定义父组件

vue2.x子组件调用父组件

定义子组件

定义父组件

vue3.x父组件调用子组件

定义子组件

定义父组件

vue3.x子组件调用父组件

定义子组件

定义父组件

watch的使用

vue2.x使用watch

vue3.x使用watch

生命周期

vue2.x生命周期

vue3.x生命周期

根节点不同

总结


先了解vue3.x 的setup语法糖,这个语法糖的确好用,不用每个都去return,实际开发中经常忘记return,这个语法糖就很好用了,对于setup语法糖是3.2才支持的。主要讲解我们开发中经常用到的一些内容,包括 router,prototype,父子组件调用 等。

vue3.x组合式api

vue2 定义属性和方法

<template>
  <div>
    <div>简单属性</div>
    <div>{
  { msg }}</div>
    <div><button @click="updateMsg">修改马杀鸡</button></div>

    <div>对象属性</div>
    <div>{
  { ObjMsg.msg }}</div>
    <div><button @click="updateObjMsg">修改对象马杀鸡</button></div>
  </div>
</temp
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A叶子叶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值