fisher

vue.js学习笔记（一）最近在通过vue.js的官网学习其框架，我将会把我在学习过程中遇到的错误和自己的收货分享出来，希望与大家共勉。

问题场景在大型单页面应用中，处于对性能的考虑和首屏加载速度的要求，我们一般都会使用webpack的代码分割和vue-router的路由懒加载功能将我们的代码分成一个个模块，并且只在需要的时候才从服务器加载一个模块。但是这种解决方案也有其问题，当网络环境较差时，我们去首次访问某个路由模块，由于加载该模块的资源需要一定的时间，那么该段时间内，我们的应用就会处于无响应的状态，用户体验极差。解...

原文地址： https://zhuanlan.zhihu.com/p/29318017每当问到VueJS响应式原理，大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter，当属性被访问或修改时通知变化”。然而，其内部深层的响应式原理可能很多人都没有完全理解，网络上关于其响应式原理的文章质量也是参差不齐，大多是贴个

在日常的项目中，如果我们需要频繁的使用某些功能，那么最好的办法就是将这个功能封装成函数来使用。在vue中，我们同样也会经常将常用的组件分离出来，这样既便于我们的使用，同时也便于之后的维护。同样，当某个组件在许多项目中都要频繁的使用，那么我们可以将其写成一个插件，vue官方的文档中也有简单的介绍插件的开发和使用方法

vue之实现列表的添加点击。 使用指令：v-on v-for v-on v-bind v-model

在使用Vue的过程中，如果需要进行父子组件间的通信，通过查阅官方文档 我们可以了解到只需要在子组件要显式地用 props选项声明它期待获得的数据，同时在其使用过程中传入相应的数据即可

Vue追踪变化是通过把一个普通 JavaScript 对象传给 Vue 实例的 data 选项，Vue将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。

作者：张飞翔 博客：https://fisher-zh.github.io/在Vue中，我们可以使用prop属性来进行父子组件间的通信，在之前的文章Vue踩坑之路–父子组件通信总结中有介绍过。 但是prop 是单向绑定的，我们无法在组件中直接修改prop传递的属性。 prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。这是为了防止子组件无意修改了父组件的状态

介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以...