流浪のwolf

摘要： 倒计时组件的封装核心： 将来的时间戳 - 现在的时间戳 = 需要倒计时的时间 ； 定义一个方法，把需要倒计时的时间戳转换时分秒 ，使用 setInterval 间隔1 秒调用一次方法 ； padStart(字符串长度 , 补充内容) 是属于字符串的方法 , 是补 0 函数 ； 代码：js <!DOC 阅读全文

摘要： 自定义指令分为 全局和局部的指令 ； 1. 自定义全局指令： 在 mian.js 中 ，使用 Vue.directive(‘指令名’ , 配置对象 ) 2. 局部自定义指令 在组件中使用 directives 属性自定义指令 ； 批量注册自定义指令： 在src文件新建一个 directive 文件专 阅读全文

摘要： vue指令的本质是给 html 标签新增一些属性 ； vue的指令可以分为 3 中类型 ； 1. 用于渲染数据的指令，比如 v-for ，v-if ，v-show ； 2. 用来交互的指令 ，v-on ，v-module 3. 自定义指令，用来执行某些特定的功能业务 ； 阅读全文

摘要： 首先 ，loader 是文件加载器，能够加载资源文件，并对文件进行一些处理，如翻译，压缩 ，最终一起打包到指定的文件中 ；loader 运行在打包项目之前 ； plugin 是插件 ，plugin赋予了webpack各种灵活的功能，如打包优化，资源管理等，目的是为了解决loader无法实现的功能 ； 阅读全文

摘要： 在tamplate编译的时候，generater 会生成一个render 函数，通过 render 函数会把 template 内容描述成 vnode ，然后vnode 通过一系列操作转换为真实的 DOM ； 那么vnode 是如何渲染成真实的 dom ； 不论是初始渲染还是更新渲染，vue 通过调 阅读全文

摘要： 响应式数据是某个数据发生变化时，页面依赖这个数据的位置会自动更新视图 ； 响应式数据的原理： vue 在初始化 vue 实例时，会 遍历 data 数据，通过Object.defineProperty 给每个数据添加了 getter 和 setter 函数 ，我们获取 数据的时候，会触发 gette 阅读全文

摘要： 1. state 保存数据的位置 ； 2. mutations 唯一修改 state 数据的方式 ； 3. getter 监听 state 数据的变化 ； 4. actions 执行异步代码，通过 commit 提交 mutations ； 5. modules vuex 的模块化 ； 阅读全文

摘要： Vuex提供数据（state）来驱动视图（vue components），通过dispath派发actions，在其中可以做一些异步的操作，然后通过commit来提交mutations，最后mutations来更改state。 阅读全文

摘要： 首先，调用 actions 中的方法，一般我们在 actions 做登录和登出的请求 ； 然后调用 mutations 的方法修改数据 ，因为 mutations 方法是修改state的数据的唯一方法 ； 阅读全文

摘要： keep-alive 组件的使用场景： 我们切换 2 个组件的时候，2个组件会轮流被销毁创建，但是现在需求，切换到一个组件，另一个组件不会别销毁，会保留原来的状态 ；就要使用 vue 内置的组件 keep-alive ； keep-alive 的作用 ： 保留组件的状态，避免组件重新渲染 ； 学习来 阅读全文