古兰精

2018年3月28日

摘要： Vue能数据驱动视图发生变更的关键，就是依赖它的响应式系统。响应式系统如果根据数据类型区分，对象和数组它们的实现会有所不同；解释响应式原理，如果只是为了说明响应式原理而说，但不是从整体流程出发，不在Vue组件化的整体流程中找到响应式原理的位置，对深刻理解响应式原理并不太好一、对象响应式数据的创建阅读全文

posted @ 2018-03-28 20:14 古兰精阅读(3839) 评论(0) 推荐(0)

Vue3实践记录：vuex/pinia数据为proxy对象时如何获取值、Vue3组件的全局注册

摘要：一、vuex/pinia数据为proxy对象时如何获取值 1、问题背景：使用vue3.0时，因为底层是使用proxy进行代理的，所以当我们打印一些值的时候，是proxy代理之后的是Proxy对象，Proxy对象里边的[[Target]]才是真实的对象。 2、那么我们如何获取到其真正的值呢？ 3、第一阅读全文

posted @ 2018-03-28 19:35 古兰精阅读(11634) 评论(1) 推荐(1)

vue-resource基本使用方法

摘要：一、vue-resource特点 1、体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 2、支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器阅读全文

posted @ 2018-03-28 18:08 古兰精阅读(72302) 评论(0) 推荐(6)

2018年3月27日

深入理解Vue父子组件通讯的属性和事件

摘要：在html中使用元素，会有一些属性，如class,id，还可以绑定事件，自定义组件也是可以的。当在一个组件中，使用了其他自定义组件时，就会利用子组件的属性和事件来和父组件进行数据交流。父子组件之间的通信就是 props down,events up，父组件通过属性props向下传递数据给子组件，阅读全文

posted @ 2018-03-27 21:37 古兰精阅读(4376) 评论(0) 推荐(0)

Vue组件开发实例（详细注释）

摘要： Vue组件开发实例： css文件：阅读全文

posted @ 2018-03-27 20:28 古兰精阅读(4703) 评论(0) 推荐(0)

Vue组件进阶知识总结

摘要：上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。” 今天我们将着重介绍slot和父子组件之间的访问和通信。slot是一阅读全文

posted @ 2018-03-27 17:43 古兰精阅读(3535) 评论(0) 推荐(0)

webpack配置：打包第三方类库、第三方类库抽离、watch自动打包、集中拷贝静态资源

摘要：一、打包第三方类库下面说2种方法：第一种： 1、引入jQuery，首先安装： 2、安装好后，在index.js中引入，用jquery语法进行测试 3、webpack打包测试，jquery语法正常使用。第二种：如果你觉的上面的方法和webpack没什么关系，只是普通的引入，webpack只是负阅读全文

posted @ 2018-03-27 14:18 古兰精阅读(5660) 评论(0) 推荐(0)

2018年3月26日

webpack配置：less/sass文件打包和分离、自动处理css前缀、消除未使用的css及完整的webpack.config.js文件

摘要：一、less文件打包和分离 1、要使用less，首先使用npm安装less服务；还需要安装Less-loader用来打包使用。 2、在module中配置 3、在html中编写一个div，在css中新建一个less文件 4、引入到index.js中 5、使用webpack进行打包，输入npm run 阅读全文

posted @ 2018-03-26 21:41 古兰精阅读(6299) 评论(0) 推荐(1)

webpack配置：增加babel支持、打包后调试

摘要：一、babel支持 Babel其实是几个模块化的包，其核心功能位于称为babel-core的npm包中，webpack可以把其不同的包整合在一起使用，对于每一个你需要的功能或拓展，你都需要安装单独的包（用得最多的是解析ES6的babel-preset-es2015包和解析JSX的babel-pres 阅读全文

posted @ 2018-03-26 21:07 古兰精阅读(4081) 评论(0) 推荐(0)

webpack配置：图片处理、css分离和路径问题

摘要：一、CSS中的图片处理： 1、首先在网上随便找一张图片，在src下新建images文件夹，将图片放在文件夹内 2、在index.html中写入代码：<div id="pic"></div>来放置图片 3、设置图片的css 4、编写完成后，安装file-loader和url-loader 5、安装好后阅读全文

posted @ 2018-03-26 20:17 古兰精阅读(2265) 评论(0) 推荐(0)

公告