不刷题就没有饭吃

vue3

css与布局(6) javascript(1) javascript基础(24) React(5) TypeScript(8) vue(10) webpack(1) 笔记(1) 笔试编程题(4) 网络专题(2)

/ 注册

全部文章 / vue3 （共7篇）

01-vue3的新特性

vue3新特性渐进式开发,向下兼容,vue3支持大多数vue2的特性,甚至可以说就拿vue2的语法来开发vue3是没有任何问题的性能的提升,更快更轻的体验.官方网站给出的数据是：打包大小减少 41%，初次渲染快 55%，更新快 133%，内存使用减少 54% 推出Compositi...

2021-09-13

0 503

vue3.0中setup ref reactive toRefs 函数详解

vue3常用函数的使用 setup 函数用法,可以代替Vue2中的data和method属性,直接把逻辑加在setup中 ref 函数在temlate中用的变量需要用ref包装下 return出去的数组和方法在模板中才可以使用 setup() { con...

2021-09-13

0 496

vue3的生命周期钩子与vue2生命周期对比理解

生命周期更新对于vue的生命周期想必大家都非熟悉,在项目中非常常用生命周期:伴随着生命周期，给用户使用的函数，操控生命周期，主要是操控钩子函数。 vue3的生命周期 setup() :开始创建组件之前，在beforeCreate和created之前执行。创建的是data和m...

2021-09-13

0 648

vue3中使用watch注意事项

编写watch函数需要编写两个参数,第一个是要监听的值,然后是一个回调函数。在函数中你可以获得到新知和老值。使用watch的时候同样需要先导入监听使用ref定义的变量的时候时候,第一个参数直接使用 import { ... , watch} from "vue"...

2021-09-13

0 636

vue3-HOOKS模块化处理

vue3模块化处理 vue3版本的更新,就是能搞更好的重用机制,可以把想要得模块独立出去 eg:显示一个当前时间的工能,在多个页面需要调用的时候不用重复的调用可以在src目录下，新建一个文件夹hooks(所有抽离出来的功能模块都可以放到这个文件夹里)，然后再新建一个文件useNowTime.j...

2021-09-13

0 400

vue3 Teleport瞬间移动函数的使用

vue3 Teleport瞬间移动函数的使用 Teleport一般被翻译成瞬间移动组件,实际上是不好理解的.我把他理解成"独立组件", 他可以那你写的组件挂载到任何你想挂载的DOM上,所以是很自由很独立的以一个例子来看:编写一个弹窗组件 <template> &...

2021-09-13

0 493

vue3 Suspense 异步请求组件使用

Suspense 异步请求组件使用前端开发中异步请求是非常常见的事情,比如远程读取图片,调用后端接口等等,在vue2 中判断异步状态是一件必要的事情,但是这些状态都要自己处理,于是在3中提供了suspense函数 suspense中文含义是悬念的意思 Suspense是有两个template插...

2021-09-13

1 775