摘要： 1、混合的概念（mixture） 混合是以一种灵活的方式，为组件提供代码复用功能。（类似于封装） 混合对象可以包含任意的组件选项。当组件使用了混合对象时，混合对象的所有选项将被“混入”组件自己的选项中。 2、混合的例子 使用混合实现Modal窗口。 html{ width:100%; height: 阅读全文

摘要： 1、前端路由 前端路由在很多开源的js类库框架中都得到支持，如AngularJS、Backbone、Vue.js等等。 前端路由和后端路由原理一样，是让所有的交互和展示在一个页面运行，以达到减少服务器请求，提高客户体验的目的，越来越多的网站特别是web应用都用到了前端路由 点击链接1，下面内容区出现 阅读全文

摘要： 1、过渡效果 Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加entering/leaving过渡。 我们注意到，<transition>标签的标记是 name=fade，同时css定义的名字也是用fade前缀，这是一一对应的。 2、动画效果 使用@keyframe 阅读全文

摘要： 1、为什么要使用自定义组件？ 自定义组件是用来封装复杂的内容，提高可重用性，比如封装复杂的表格组件、日历组件、图片轮播组件等。 2、自定义组件 2.1. 全局组件 全局组件是每个Vue对象都能使用的组件。 通过Vue.component()函数声明注册的组件，每个Vue实例都能使用全局组件。 2.2 阅读全文

摘要： 1、事件处理 Vue.js使用v-on指令监听DOM事件来触发JS回调函数。 V-on： 缩写为 @ 事件回调函数可以传入$event这个事件对象。 2、事件修饰符 在事件处理程序中调用event.preventDefault()或者event.stopPropagation()是很常见的。尽管我们 阅读全文

摘要： 1、指令的格式 1.1. 指令的概念 指令是指带有v-前缀的特殊属性，指令的职责是当其表达式的值改变时，相应的将某些行为应用到DOM上。 1.2. 指令必须是html的属性 指令只能以带前缀的html属性形式出现。 1.3. 指令的参数 有的指令能接受参数，可以在指令后以冒号指明。 1.4. 指令的 阅读全文

摘要： 1、可能的问题 要将redis运用到工程项目中，只使用一台redis是万万不能的，原因如下： （1）从结构上，单个redis服务器会发生单点故障，并且一台服务器需要处理所有的请求负载，压力较大。 （2）从容量上，单个redis服务器内存容量有限，就算一台redis服务器内存容量为256g，也不能将所 阅读全文

摘要： 1、文本插值 1.1. {{}}语法 1、数据绑定最常见的形式就是使用双大括号的文本插值。如果数据对象上username属性发生了改变，插值处的内容就会更新。 2、插值是单向绑定，数据对象发生变化会体现在插值上，但是插值的变化不会体现在数据对象上面。 1.2. v-text指令 使用双大括号插值，如 阅读全文

摘要： 下面是分步骤解释vue生命周期 1、开始：new Vue() 创建vue对象过程还是比较繁琐的，所以创建vue对象是异步执行的。 回调函数：beforeCreate 2、Observe Data 监控模型层的数据 3、Init Events 初始化事件 回调函数：created 4、验证是否有el和 阅读全文

摘要： 1、获取Vue实例的属性 2、data属性 每个Vue实例都会代理其data对象里所有的属性。如果实例创建之后添加或者更改属性，他不会触发视图更新。 这句话说了下面两件事情 1、每个Vue实例都会代理其data对象里所有的属性 我们可以看出，app这个vue实例已经代理了他里面data对象里的属性 阅读全文