今天，无意打开vue-cli 3.0 UI控制台 闲来无事，看看了源码学到一手组件的动态加载，分享大家 /** * We register all the components so future cli-ui plugins * could use them directly */ import ...
分类：
其他好文 时间：
2020-01-13 12:41:10
阅读次数：
86
简单点说，组件是要复用的，在很多地方都会调用。 如果data不是函数，而是属性，就又可能会发生多个地方的相同组件操作同一个Data属性，导致数据混乱。 而如果是函数，因为组件data函数的返回值是{属性：属性名}，所以每次返回都会在堆空间创建一个新的空间，所以各个组件不会发生操作同一个数据，防止数据 ...
分类：
其他好文 时间：
2020-01-10 12:49:59
阅读次数：
72
这里介绍一下适合兄弟组件和父子，祖孙组件之间的传值方式-事件总线，废话不多说，直接上代码 总结：说白了这东西就是一种发布订阅的模式，发数据的一方用$emit发，各个接听方用$on接受对应key的事件，on的时候，就选择在DOM挂在完毕以后进行监听，通过这样的事件去修改数据，完成传递工作，感兴趣的同学 ...
分类：
其他好文 时间：
2020-01-09 22:59:44
阅读次数：
71
今天在用平时很少用到的传值方式，是V2.4以后新加入属性$attrs $listener 以及inheritAttrs. 总结：这样形式的代码适合套娃模式的组件传递，却不适合兄弟组件的传值，那样的传值方式，需要创建一个事件总线，说白了就是新new一个空的vue，详见，我的第二篇日志《vue 组件传值 ...
分类：
其他好文 时间：
2020-01-09 22:43:47
阅读次数：
92
1、vue组件和模块的区别 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； ...
分类：
其他好文 时间：
2020-01-09 20:32:25
阅读次数：
81
Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会。Vue是一个自带组件系统的前端框架。Vue的每一个实例其实就是一个组件，我们在组织我们的页面结构的时候 ...
分类：
其他好文 时间：
2020-01-06 14:30:53
阅读次数：
86
在生成、导出、导入、使用 Vue 组件的时候，像我这种新手就会常常被位于不同文件的 new Vue() 和 export default{} 搞得晕头转向。它们含义到底是什么，又有什么异同呢？ 首先，Vue 是什么？ po 主的理解是 Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数 ...
分类：
其他好文 时间：
2020-01-05 12:11:07
阅读次数：
83
对于vue单文件组件的使用，我们知道使用vue-cli可以快速生成项目结构，进行.vue单文件组件的编写，使用 npm run build命令会从main.js开始打包项目中的依赖(通常main.js中引用App.vue，作为页面最高层级的组件，我们自己写的组件会在App.vue中引用)，build ...
分类：
其他好文 时间：
2020-01-01 18:42:47
阅读次数：
66
[TOC] 定义Vue组件 组件定义 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同 + 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； ...
分类：
其他好文 时间：
2019-12-31 00:47:29
阅读次数：
75
[TOC] 创建Vue项目 Vue项目环境搭建 " " Vue项目创建 " " " " pycharm配置并启动vue项目 " " " " vue项目目录结构分析 " " 项目生命周期 1. 浏览器请求"/user" 2. 通过router下面的index.js映射User.vue组件 3. Use ...
分类：
其他好文 时间：
2019-12-30 23:27:41
阅读次数：
111
