数据驱动 Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。它相比我们传统的前端开发，如使用 jQuery 等前端库直接修改 DOM…

学习笔记： 前端开发文档 计算属性 所有的计算属性都以函数的形式写在Vue实例中的computed选项内，最终返回计算后的结果。 计算属性的用法 在一个计算属性中可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回…

webpack+vue搭建todo应用 使用方法： 下载安装 git clone https://github.com/mandyshen97/vue-todo.git 运行 npm run dev 目的： 搭建前端工程…

一、回顾一下官方vue-router插件的使用 要想自己实现一个vue-router插件，就必须 先了解一下vue-router插件的基本使用，我们在使用vue-router的时候，通常会定义一个router.js文件，…

插件 vue-class-component强化 Vue 组件，使用 TypeScript/装饰器 增强 Vue 组件 vue-property-decorator在 vue-class-component 上增强更多的…

前言 在指令里获取的this并不是vue对象，vnode.context才是vue对象，一般来说，指令最好不要访问vue上的data，以追求解耦，但是可以通过指令传进来的值去访问method或ref之类的。 vue指令 …

需求制作一个签到日历,先简单的将日历的效果做出来,直接分享一下源码,有需要直接取用就好. <template> <div> <!-- 日历头 --> <div class="ca…

前言 vue 为我们提供了很多复用性的方式,slot 和 mixins 就是其中两种…下面对这两种方式做一下记录 插槽使用场景 - 该组件被多个地方使用 - 每个父组件中对该组件的内部有一部分需要特殊定制 -…

一个简单的vuex应用的小例子，一段自己的学习记录。todolist就是一个简单的输入框，一个按钮，一个文本显示区域，可以逐条进行删除。 1.在用vue-cli生成好的HelloWorld.vue文件中直接写代码，先删除…

Vue有著名的全家桶系列，包含了vue-router（http://router.vuejs.org），vuex（http://vuex.vuejs.org）， vue-resource（https://github.c…

视图不更新有几个原因： 1、根属性不存在，而想要直接给根属性赋值导致的视图不更新。此时初始化属性的时候给根属性初始化一个空值就可以了。 2、只有通过以下几个方法更新数组 push()pop()shift()unshift…

Vuex 是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 和单纯的全局对象有以下两点不同 Vuex 的状态存储是响应…