摘要：
"计算属性" 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 的翻转字符串。当你想要在模板中多包含此处的翻转字符串时，就会更加难以处理。 所以，对 阅读全文
摘要：
Vue 的路由 前端路由:对于单页面应用程序来说,主要通过URL中的hash( 号)来实现不同页面之间的切换,同时hash有一个特点: HTTP请求中不会包含hash相关的内容;所以，单页面程序中的页面跳转主要用hash实现。 Vue Router的基本使用 路由传参 1. 通过query方式传参 阅读全文
摘要：
Vue 通过ref获取DOM元素 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 当 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组。通过this,$r 阅读全文
摘要：
Vue组件 组件的出现就是为了拆分Vue实例的代码量的，能够让我们以不同的组件来划分不同的功能模块，将来我们需要什么样的功能就去调用相应的组件即可。 创建组件 方式1：使用Vue.extend创建组件对象，使用Vue.component注册组件 方式二：直接使用Vue.component(组件名,{ 阅读全文
摘要：
Vue动画 使用过度类名实现动画 1. 将要使用过度动画的标签用transition包裹 2. 定义两组样式 自定义样式前缀 可以在transition标签中用name来指定对应的样式前缀 这样做的话，在定义动画时也要用my作为前缀 使用第三方类库实现动画 Animate.css 在transiti 阅读全文
摘要：
vue resource发起get,post,jsonp请求 以下是一个简单的 Get 请求实例，请求地址是一个js文件： post 请求和jsonp请求 post 发送数据到后端，需要第三个参数 {emulateJSON:true} 。 emulateJSON 的作用： 如果Web服务器无法处理编 阅读全文
摘要：
vue实例的生命周期 什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,統称为生命周期! 生命周期钩子:就是生命周期事件的别名而已; 主要的生命周期函数分类: 创建期间的生命周期函数: beforeCreate :实例刚在内存中被创建出来,此时,还没有初始化好d 阅读全文
摘要：
自定义指令 javascript // 注册一个全局自定义指令 Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { //这里第一个参数永远是el // 聚焦元素 el.focus() } }) 如果想注册 阅读全文
摘要：
按键修饰符 在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 在监听键盘事件时添加按键修饰符： 你可以直接将 " " 暴露的任意有效按键名转换为 kebab case 来作为修饰符。 在上述示例中，处理函数只会在 等于 时被调用 按键码 的事件用法 "已经被废弃了" 并可能不会被最新的浏 阅读全文
摘要：
Vue 的过滤器 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方： 双花括号插值和 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 你可以在一个组件的选项中定义本地的过滤器： 或者在创建 阅读全文
摘要：
列表渲染 "用 把一个数组对应为一组元素" 我们可以用 指令基于一个数组来渲染一个列表。 指令需要使用 形式的特殊语法，其中 是源数据数组，而 则是被迭代的数组元素的 别名 。 结果： Foo bar 在 块中，我们可以访问所有父作用域的 property。 还支持一个可选的第二个参数，即当前项的索 阅读全文
摘要：
在Vue中使用.class样式 我们可以传给 一个对象，以动态地切换 class： 上面的语法表示 这个 class 存在与否将取决于数据 property 的 "truthiness" 。 你可以在对象中传入更多字段来动态切换多个 class。此外， 指令也可以与普通的 class attribu 阅读全文
摘要：
v-model 数据双向绑定 v-model只能在表单元素中使用 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
摘要：
Vue指令之v on的缩写和事件修饰符 事件修饰符: .stop阻止冒泡 冒泡机制是指，先触发当前元素的事件，再触发包裹当前元素的元素的事件。 比如，div内有一个按钮，它们都绑定了单击事件，当单击按钮时会先触发按钮的click后触发div的click。 使用.stop可阻止冒泡如无冒泡 .prev 阅读全文
摘要：
Vue基本代码 1. 导入Vue的包 2. 创建一个Vue的实例 3. v cloak v text 和 v html 4. v bind绑定数据，v on绑定事件 实例，跑马灯效果 阅读全文
摘要：
简单认识一下Vuejs Vue(读音 /vju:/ ,类似于view) Vue是一个渐进式的框架 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。 比如Core+Vue router+Vue 阅读全文