摘要：
创建一个Vue实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始： 数据与方法 当一个Vue实例被创建时，它向Vue的响应式系统中加入了其data对象中能找到的所有属性。当这个属性的值发生变化时，视图将产生"响应"，即匹配更新后的值。 值得注意的是只有当实例被创建时data中存在的属性 阅读全文
摘要：
模板语法 Vue使用基于HTML的模板语法，允许开发者声明式的将DOM绑定至底层Vue实例的数据。 在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能的计算出最少需要重新渲染多少组件，并把DOM操作次数减少到最少。 插值 (1)文本插值： 使用v once指令，可以执 阅读全文
摘要：
计算属性 模板内的表达式非常便利，但是在模板中放入太多的逻辑会让模板过重切难以维护。对于任何复杂逻辑都应该使用计算属性。 这里声明一个计算属性reverseMsg。我们提供的函数将作用属性vm.reverseMsg的getter函数。 我们可以在表达式中调用方法来达到和计算属性相同的作用。但是计算属 阅读全文
摘要：
MVVM相关概念 1） MVVM典型特点是有四个概念：Model、View、ViewModel、绑定器。MVVM可以是单向绑定也可以是双向绑定甚至是不绑定 2） 绑定器：声明性的数据和命令，存在于ViewModel之中，让ViewModel和Model二者进行自动或手动通信，接下来的“MVVM在Re 阅读全文
摘要：
操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以使用v bind处理它们：只需要通过表达式计算出字符串结果即可。不过拼接字符串比较麻烦，因此在v bind用于class和style时，vue做了专门的增强，表达式结果的类型除了字符串之外，还可以是对象和数组。 阅读全文
摘要：
工作中的项目不止有页面繁多的模块化项目，还会只有一两个页面的类似于填写信息参与活动的活动页。这个时候，就可以回归以前的三剑客模式，在 index.html 里引用 vue.js 进行开发。 关键点： 引入 babel polyfill 以转换 es6 的代码，需要作为第一个引入的 script 脚本 阅读全文
摘要：
v if 字符串模板中，我们可以像这样写一个条件块： 在Vue中，我们使用v if指令实现同样的功能： 也可以使用v else添加一个else块： (1)在<template>元素上使用v if条件渲染分组因为v if是一个指令，所以必须将它添加到一个元素上，如果想切换多个元素呢？可以使 阅读全文
摘要：
在做的项目是使用 vue cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题 白屏可能的原因： es6 代码没有被编译成 es5 ； 文件打包路径错误； 运营商塞入的广告 js 服务器报错，连累项目不能下载资源； 针 阅读全文
摘要：
用v for把一个数组对应为一个组件元素 我们用v for指令根据一组数组的选项列表进行渲染。v for指令需要使用item in items形式的语法： 在v for块中，我们拥有对父作用域属性的完全访问权限。v for还支持一个可选的第二个参数为当前项的索引。 也可以用of替代in作为分隔符，因 阅读全文