vue3学习

本文主要是介绍vue3学习，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

资料： http://docs.vikingship.xyz/

声明类型：

     1.使用ref可以声明基础数据

     2.使用reactive声明对象数据  

     3.computed可以返回一个不变的响应式对象

     比vue2优势：可以直接新增或修改对象数据，也能实时更新

       基础数据：

      对象数据：

生命周期：

     beforeDestroy 变为 beforeUnmount

     destroyed        变为  unmounted

     其他都可以在setup函数中使用，前提是加上on

 侦测变化watch:

      监听响应式数据变化，并处理副作用逻辑

      可以监听多个，用数组存放

功能模块化：

      vue3新加核心，就是功能模块化，相同功能不必在依靠mixin，直接在Setup()中使用

     例：

 teleport组件传送：

      可以将深层组件，渲染到指定dom元素上

      使用场景：深层fixed组件，有时候会因为父组件变为absolute组件，这个时候就可以传送出去

在setup中使用emit：

 Suspense:异步组件请求成功才显示

     类似骨架屏的作用，不用再写状态

     异步组件的setup必须返回一个promise,也可以使用下面的写法

 vue3变化的全局API：

setup中获取ref的dom元素：

子组件与父组件双向绑定：

     父组件：

     子组件：

$attrs：由父组件传递的属性或事件，子组件未声明props，会默认作用于子组件的根元素上

     1.父组件传递的属性

    2.子组件不接收，并且设置inheritAttrs：false

      3.绑定$attrs,这样子组件就能接收使用placeholder等属性

并列组件或兄弟组件或任意组件之间传值:

    vue3中可以借助插件 npm i mitt 来辅助

    https://www.npmjs.com/package/mitt

vue-router4:

     在vue3中setup的使用：使用钩子函数

      获取参数

      js跳转路由

Vuex4:

     vue3的setup中使用：钩子函数 useStore

这篇关于vue3学习的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！