src/core/instance/index.js此文件主要实现了Vue初始化 // 引入模块 import { initMixin } from './init' import { stateMixin } from…
分类:vue.js教程
浅析Vue响应式原理(一)
浅析Vue响应式原理(一) Vue的特点之一是响应式,视图随着数据的更新而更新,在视图中修改数据后Vue实例中的数据也会同步更新。内部借助依赖(下文中的Dep类)来实现,数据的获取(即get操作)会触发收集依赖,而对数据…
理解Vue中的scoped实现原理及穿透方法
理解Vue中的scoped实现原理及穿透方法 何为scoped 在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说…
Webpack + Vue 多页面项目升级 Webpack 4 以及打包优化
0. 前言 早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章,当时也是我在做自己一个个人项目时遇到的配置问题,想到别人也可能遇到跟我同样的问题,就把配置的思路分享出来了,传送门…
关于VUE组件传值间的v-if和v-show的坑
我们都知道v-if不渲染组件,v-show相当于display:none; 但是我们在使用(父子)组件之间传递数据或者调用方法时,因为v-if的渲染机制,会导致你在页面调用引用组件的方法时,会提示对应绑定的ref为und…
第十一课时: 关于Vue组件一些注意的地方
组件的基本使用 注册组件 1.注册组件就是利用Vue.component()方法2.可以理解为一个vue文件就是一个组件 模板要求 组件的模板中只能有一个根元素 组件中的data必须是函数 var app = new V…
面向未来编程(Future-Oriented Programming),建设未来 Vue 生态
概要 Vue 的作者尤雨溪最近公布了 3.0 版本最重要的 RFC Vue Function-based API。在 React 推出 Hooks 后不久,Vue 社区也迎来了自己的组件逻辑复用机制。 未来 Functi…
vuex入门
针对vuex的一些探索尝试,逐步更新中 Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。V…
[Vue CLI 3]源码系列之 invoke
vue invoke 在官方文档中提到的内容很少,很多同学应该会对它比较陌生 输入如下命令: vue invoke pwa 之后,它到底做了啥呢? 先抛一句命令行的 description invoke the gene…
Vue实战指南之依赖注入(provide / inject)
案例 UI美眉说咱家的选项菜单太丑了,小哥哥能不能美化一下呀,洒家自然是说小意思啦~自定义一个select组件,so easy~ 简单粗暴型: <el-select v-model="favourite" :opt…
vue.js响应式原理解析与实现
从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今…
vue学习总结
Vue.extend, Vue.mixin 1.Vue.extend创建一个构造器Vue.component 是用来注册或获取全局组件的方法,其作用是将通过 Vue.extend 生成的扩展实例构造器注册(命名)为一个组…