![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuejs
fisher-zh
这个作者很懒,什么都没留下…
展开
-
vue.js学习笔记(一)
vue.js学习笔记(一)最近在通过vue.js的官网学习其框架,我将会把我在学习过程中遇到的错误和自己的收货分享出来,希望与大家共勉。原创 2016-12-26 21:52:32 · 13375 阅读 · 1 评论 -
Vue异步组件处理路由组件加载状态
问题场景在大型单页面应用中,处于对性能的考虑和首屏加载速度的要求,我们一般都会使用webpack的代码分割和vue-router的路由懒加载功能将我们的代码分成一个个模块,并且只在需要的时候才从服务器加载一个模块。但是这种解决方案也有其问题,当网络环境较差时,我们去首次访问某个路由模块,由于加载该模块的资源需要一定的时间,那么该段时间内,我们的应用就会处于无响应的状态,用户体验极差。解...原创 2018-09-06 14:53:51 · 3258 阅读 · 3 评论 -
深入浅出Vue基于“依赖收集”的响应式原理
原文地址: https://zhuanlan.zhihu.com/p/29318017每当问到VueJS响应式原理,大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter,当属性被访问或修改时通知变化”。然而,其内部深层的响应式原理可能很多人都没有完全理解,网络上关于其响应式原理的文章质量也是参差不齐,大多是贴个转载 2018-01-30 16:48:23 · 571 阅读 · 1 评论 -
vue.js学习笔记(七)--插件
在日常的项目中,如果我们需要频繁的使用某些功能,那么最好的办法就是将这个功能封装成函数来使用。在vue中,我们同样也会经常将常用的组件分离出来,这样既便于我们的使用,同时也便于之后的维护。同样,当某个组件在许多项目中都要频繁的使用,那么我们可以将其写成一个插件,vue官方的文档中也有简单的介绍插件的开发和使用方法原创 2017-10-14 20:54:26 · 507 阅读 · 0 评论 -
vue.js学习笔记(二)--指令的使用
vue之实现列表的添加点击。 使用指令:v-on v-for v-on v-bind v-model原创 2016-12-28 22:13:24 · 718 阅读 · 0 评论 -
vue.js学习笔记(三)--父子组件通信总结
在使用Vue的过程中,如果需要进行父子组件间的通信,通过查阅官方文档 我们可以了解到只需要在子组件要显式地用 props选项声明它期待获得的数据,同时在其使用过程中传入相应的数据即可原创 2017-07-24 22:31:32 · 449 阅读 · 0 评论 -
vue.js学习笔记(四)--变化检测问题
Vue追踪变化是通过把一个普通 JavaScript 对象传给 Vue 实例的 data 选项,Vue将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。原创 2017-07-24 22:35:47 · 519 阅读 · 0 评论 -
vue.js学习笔记(六)--利用v-model实现父子组件间的双向通信
作者:张飞翔 博客:https://fisher-zh.github.io/在Vue中,我们可以使用prop属性来进行父子组件间的通信,在之前的文章Vue踩坑之路–父子组件通信总结中有介绍过。 但是prop 是单向绑定的,我们无法在组件中直接修改prop传递的属性。 prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来。这是为了防止子组件无意修改了父组件的状态原创 2017-08-05 15:47:03 · 6519 阅读 · 2 评论 -
Vue CLI 项目结构及解析
介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service),该依赖:可升级;基于 webpack 构建,并带有合理的默认配置;可以通过项目内的配置文件进行配置;可以...原创 2018-11-15 11:06:35 · 628 阅读 · 0 评论