XiaoLing 一直摆烂哇！

watch 用于监听 data 中指定数据的变化 watch: { 指定要监听的属性: function(newVal, oldVal) { ... } } computed 在 computed 中定义的属性称为“计算属性”，本质是一个方法，只不过我们使用的时候 是直接使用属性，并不会当做方法去调用 注意： 不能加 () 去调用，而是当做普通属性使用即可 data 中的所有数据只要发生改变，就会立即重新计算 求值结果会被缓存起来，方便下次直接使用 computed: { 属性:

路由 文章目录路由一. 路由的基本使用1.1.1 路由的定义1.1.2 注册路由1.1.3 使用路由 ``二、 设置 `` active 样式三、 路由参数3.3.1 query3.3.2 params3.3.3 props 传递路由参数四、 路由嵌套五、 命名视图5.1 报错 一. 路由的基本使用 1.1.1 路由的定义 // 创建路由对象 var routerObj = new VueRouter({ // 路由规则匹配 routes: [ {path: '/', redirect: '

组件 文章目录组件一、创建组件1.1 创建全局组件1.1.1 第一种方式1.1.2 第二种方式1.2 创建私有组件1.3 使用方式二、组件中的 data 和 methods三、组件切换3.1 使用 v-if 和 v-else 配合进行切换3.2 使用 \ 进行切换四、props 传递数据4.1 字面量语法4.2 动态语法4.3 绑定修饰符4.4 props 验证五、父子组件间的事件通信5.1 $emit() 与 $on() 函数六、非父子组件事件通信6.1 父子组件访问6.2 ref 获取DOM元素和组件七

按键修饰符 按键码 Vue 提供了绝大多数常用的按键码的别名 .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 使用按键码别名可以做到兼容： 有一些按键 (.esc 以及所有的方向键) 在 IE9 中有不同的 key 值, 如果你想支持 IE9，这些内置的别名应该是首选。 自定义键盘修饰符 这样子也可以使用，但是不方便 <input type="text" pl

过滤器 管道符：| 第一个命令的输出作为第二个命令的输入 全局：Vue.filter(name, Function(data, arg1, arg2 …)) 局部：filters: {} 参数解释： data：被输入的值 argN：作为函数参数 如果不需要传入参数，则可以省略括号 1.1 全局过滤器 <div id="app"> <p>{{ new Date() | dateFormat() }}</p> </div> // 时间过滤器 V

Vue 样式设置 一、样式设置 1.1 在class中设置 class 需要使用 v-bind 做数据绑定 1.1.1 数组方式 <h2 :class="['pink','italic']">{{msg}}</h2> 1.1.2 在数组中使用三元表达式 <h2 :class="['pink','italic', flag ? 'fw400' : '']">{{msg}}</h2> 1.1.3 在数组中，使用对象代替三元表达式，可以提高代码可读性 &lt

事件修饰符 1.1 准备工作 <!-- Style Code --> <style type="text/css"> .inner { background-color: green; height: 100px; padding: 10px; } .outer { height: 200px; padding: 10px; background-color: #00007f; } </style> <!-- DOM Code --

v-* 的指令 1.1 指令表 指令 说明 v-cloak 作用：解决插值表达式闪烁的问题注意：需要配合属性选择器 + display:none; 使用 v-text 作用：输出文本 v-html 作用：以浏览器能够解析的方式输出 v-bind 格式：v-bind:简写：:属性作用：用于绑定属性的指令，可以写合法的JS表达式 v-on 格式：v-on:简写：@事件作用：用于绑定事件 v-model 作用：实现双向绑定（M => V, V => M）注意：只能用