摘要： https://www.jianshu.com/p/f1906903b609 1 介绍 Vue 在修改数据之后，视图不会立即更新，而是等待同一事件循环中的所有数据变化完成之后，再统一进行视图更新。而 nextTick 的触发时机就是在重新渲染完毕后 官方说明：在下次DOM更新循环结束之后执行延迟回调 阅读全文

摘要： 1 简介 组件自定义事件是一种组件间的通信方式，方向是 子组件 >父组件。 使用场景：A是父组件，B是子组件，如果要把B的数据传给A，可以使用props加回调函数实现或者自定义事件实现。 2 自定义组件 主要分为两个步骤：1绑定事件回调函数 2触发事件 2.1 绑定事件回调函数 它有两种写法 1）在 阅读全文

摘要： https://www.jianshu.com/p/513f6949fc25 1 简介 Web Storage 包括 localStorage 和 sessionStorage ，是浏览器本地数据存储的另一个方案，最开始提出来是为了弥补 Cookie 本地化数据存储的缺陷（存储量小、每次请求都会携带 阅读全文

摘要： https://www.jianshu.com/p/d80383251fc5 1 简介 当我们在组件中写样式，vue最后会把所有样式合在一起，如果样式名称重复的话就会有问题 style标签上加scoped属性, 组件内的样式只在当前vue组件生效,实现组件的私有化，不对全局造成样式污染，表示当前st 阅读全文

摘要： 1 简介 它是用来增强vue的。它是包含install方法的一个对象，install的第一个参数是Vue，第二个以后参数是插件使用者传入的参数 插件里面可以配置全局过滤器、全局指令、混入、Vue原型上添加方法属性等 2 定义一个插件 1）plugin.js export default { inst 阅读全文

摘要： 1 简介 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 简单来说，就是把组件的某些配置可以抽取出来，达到复用的效果。比如几个组件都用到一个方法，就可以把 阅读全文

摘要： 1 简介 props主要用于组件的传值，他的工作就是为了接收外面传过来的数据，与data、el、ref是一个级别的配置项 2 一个简单示例 1）StudentComp.vue <template> <div> <h1>{{stname}}</h1> <h1>{{age}}</h1> </div> < 阅读全文

摘要： 1 简介 在js中，我们获取一个元素可以通过document.getElementById()去获取，在vue中，使用了ref属性来替代id，通过ref属性可以获取html元素以及vue组件实例对象 它被用来给元素或子组件注册引用信息（ID的替代者） 该属性应用在html元素时，获取的是dom元素对 阅读全文

摘要： 1 简介 CLI 是 Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架 Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建 Vue 开发环境以及对应的 webpack 配置. VueCLI是一个官方发布vue.js项目脚手架， 阅读全文

摘要： 1 模块及组件简介 组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件，而且是所有组件的根组件。 组件可以很好地把代码分成一块块 阅读全文