bug改不完-CSDN博客

原创 vue3笔记

vue3笔记创建项目：vue create vue3_test(vue-cli3版本4.5以上)优点：性能的提升（打包小，内存小，渲染快）源码升级（用proxy代替definProprety来实现双向绑定，虚拟DOM重写）支持ts支持的新特性Composition API (setup,ref,reactive,watch,watchEffect,provide,inject…)内置组件(Fragment，teleport，Suspense)新的生命周期钩子，data选项始终为一个函数

2022-05-18 11:34:21 300

原创 vue 3初体验以及和vue 2的区别

前言经过了漫长的迭代，Vue 3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript 进行了大规模的重构，带来了Composition API RFC版本，类似React Hook 一样的写Vue，可以自定义自己的hook ，让使用者更加的灵活，接下来总结一下vue 3.0 带来的部分新特性以及和vue 2.0的区别在哪里vue 3的新特性1,setup()2,ref 、toRef、 toRefs3,reactive()4,computed()5,watch

2020-11-19 14:24:13 999

原创 vue前端项目优化

基础优化v-if和v-show使用v-if ：是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块v-show ：不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 display 属性进行切换。所以，v-if 适用于在运行时很少改变条件，不需要频繁切换条件的场景；v-show 则适用于需要非常频繁切换条件的场景。computed 和 wat

2020-09-14 10:56:20 974

原创 Vue全家桶精简配置（vue-cli,vuex,axios,vue-router,elementUI）

在上一篇介绍使vue-cli3搭建了项目，并添加了一些基础的配置，现在就来和大家一起将项目需要用到的工具准备好。vue-cli在上一篇已经说了，这边就不重复了，axios

2020-07-16 16:44:02 600

原创 vue-cli3从0到1搭建一个vue项目以及一些基础配置

vue-cli3已经出来有段时间了，以前只用vue-cli2搭建过项目，最近跟大家一起使用vue-cli3一起来搭建一个项目试试（第一次搭建大家一起尝试，求指点）vue-cli3虽然改的更简便了，但是创建项目流程还是没变的，接下来我们来一起先创建一个项目一：安装nodenode安装大家可以参照官网去看，需要版本 >=8.9二：安装vue-cli3和淘宝镜像cnpm安装vue-cli3(npm install -g @vue/cli),安装淘宝镜像（npm install -g cnpm -

2020-07-14 14:37:35 544

原创 git常用的命令

1,在工作目录中初始化新仓库 => git init2,clone项目 => git clone git://github.com/schacon/grit.git3,查看所有分支 => git branch （查看本地和远程的 => git branch -a）4,新建一个分支 => git checkout -b dev（dev为分支名字）5, 删除一个分支 => git branch -d dev （删除dev分支，需要先切换到其他分支）6,切换

2020-07-10 09:45:06 99

原创常见几种js循环操作数组（去重，过滤，数据处理等）

一：arr.foreach普通循环可代替传统for循环forEach有三个参数（上面只写出2个）第一个item为当前循环的数据,第二个index为当前循环的下标值，第三个为循环的数组arr二：arr.map做数据交互“映射”map返回一个新的数组，不会改变原数组，需要配合return，return的值会将原数组中的对应值替换掉赋值给新数组。map 也是三个参数，和forEach是一样的，但是不同的是他有ruturn，每次循环后都会把本次循环的数据push到一个新数组newArr中，你可以在原数

2020-07-09 15:24:17 3807

原创 Vue兄弟组件之间通信

兄弟组件通讯上一篇我给大家介绍了Vue父子组件之间的通信，那么接下来我给大家说下兄弟组件之间又是如何进行通讯的呢？Vue中实现兄弟组件的通讯一般为2种方式，一种方法是让父组件允当两个子组件之间的中间件（中继）；另一种就是使用EventBus（事件总线），它允许两个子组件之间直接通讯，而不需要涉及父组件。通过父组件作为中间件来通讯...

2020-07-08 14:38:34 4968

原创 Vue 父子组件之间的通信

Vue组件之间的通信，对于初学者来说还是有一定的难度。比如说，作为父组件我怎么给子组件发消息，作为子组件又怎么给父组件传递消息，以及在同一个父组件下作为兄弟怎么进行通信在Vue中，Vue的组件给我们开发带了极大的好处，因为组件可以复用，在项项目中我们在大致相同的地方可以果断选择使用一个组件进行复用，假如我们使用组件，那么组件间的通信就成为了你必须要了解的点。在接下来的内容中，我就带大家一起去实现组件之间的通信是怎么实现的，第一个部分是父子组件怎么通讯；第二部分兄弟组件怎么通讯（我会在下一篇给大家讲解）。

2020-07-07 10:35:07 488

weixin_39763493的博客