Maggie的博客

Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。·.stop.prevent.capture.self<div id="app2"> <!-- 阻止单击事件冒泡 --> <a v-on:click.stop="doThis"></a> <!-- 提交事件不再重载页面 --> &lt

一 ： 指令的概念：指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能二 ： 指令的语法：v-指令名 = “表达式判断或者是业务模型中属性名或者事件名”三 ： 具体指令1. v-text作用 ： 操作元素中的纯文本快捷方式 ： {{}}栗子1简写形式：将v-text=""换成{{}}<div id="app"> {{ message }} </...

解决方法有两种1. v-for 后添加 :key='item'<li v-for="i in list" :key="i">2. 在build处关闭eslint检测...(config.dev.useEslint ? [createLintingRule()] : []),

vue2.0的transition渐入渐出功能在1.0的基础上做了较大变动，功能也更强大。1.0的写法是&.fade-transition?12345678.detail  transition all 0.5s  &.fade-transition    opacity 1    background rgba(7,17,27,0.8)  &.fade-enter,&am...

前端采用前后端分离的方式进行开发，我们使用vue2.0框架，做单页面应用难免会用到vue-router，今天把项目中的用到router-link摘出来，一是想整理一下这些用法，方便下次快速查找，二是重新再过一下vue-router，增加熟悉度。也希望下面这些例子能帮到其他使用vue-router的朋友。1，$route.params类型: Object一个 key/value 对象，包含了 动态片...