摘要：
Vue有一核心就是数据驱动（Data Driven），允许我们采用简洁的模板语法来声明式的将数据渲染进DOM，且数据与DOM是绑定在一起的，这样当我们改变Vue实例的数据时，对应的DOM元素也就会改变了。 通过粗浅地走读Vue的源码，发现达到这一效果的核心思路其实就是利用ES5的defineProp 阅读全文
摘要：
一、什么是数据驱动 数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。 比如说我们点击一个button，需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中，对于页面的修改我们一般是这样的一个流程 阅读全文
摘要：
Vue能数据驱动视图发生变更的关键，就是依赖它的响应式系统。响应式系统如果根据数据类型区分，对象和数组它们的实现会有所不同；解释响应式原理，如果只是为了说明响应式原理而说，但不是从整体流程出发，不在Vue组件化的整体流程中找到响应式原理的位置，对深刻理解响应式原理并不太好 一、对象响应式数据的创建 阅读全文
摘要：
一、vuex/pinia数据为proxy对象时如何获取值 1、问题背景：使用vue3.0时，因为底层是使用proxy进行代理的，所以当我们打印一些值的时候，是proxy代理之后的是Proxy对象，Proxy对象里边的[[Target]]才是真实的对象。 2、那么我们如何获取到其真正的值呢？ 3、第一 阅读全文
摘要：
一、vue-resource特点 1、体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 2、支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器 阅读全文
摘要：
在html中使用元素，会有一些属性，如class,id，还可以绑定事件，自定义组件也是可以的。当在一个组件中，使用了其他自定义组件时，就会利用子组件的属性和事件来和父组件进行数据交流。 父子组件之间的通信就是 props down,events up，父组件通过 属性props向下传递数据给子组件， 阅读全文
摘要：
Vue组件开发实例： css文件： 阅读全文
摘要：
上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。” 今天我们将着重介绍slot和父子组件之间的访问和通信。slot是一 阅读全文
摘要：
一、打包第三方类库 下面说2种方法： 第一种： 1、引入jQuery，首先安装： 2、安装好后，在index.js中引入，用jquery语法进行测试 3、webpack打包测试，jquery语法正常使用。 第二种： 如果你觉的上面的方法和webpack没什么关系，只是普通的引入，webpack只是负 阅读全文
摘要：
一、less文件打包和分离 1、要使用less，首先使用npm安装less服务；还需要安装Less-loader用来打包使用。 2、在module中配置 3、在html中编写一个div，在css中新建一个less文件 4、引入到index.js中 5、使用webpack进行打包，输入npm run 阅读全文