摘要：
一、解释 概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 分类：全局过滤器、私有过滤器 二、实例 1、全局过滤器 <body> < 阅读全文
摘要：
一、解释 一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。 二、实例 <body> <div id="app"> <!-- <input type="button" value="t 阅读全文
摘要：
一、解释 1. 迭代数组 <ul> <li v-for="(item, i) in list">索引：{{i}} 姓名：{{item.name}} 年龄：{{item.age}}</li> </ul> 2. 迭代对象中的属性 <!-- 循环遍历对象身上的属性 --> <div v-for="(val 阅读全文
摘要：
一、 使用内联样式 1. 直接在元素上通过 `:style` 的形式，书写样式对象 <h1 :style="{color: 'red', 'font-size': '40px'}">这是一个善良的H1</h1> 2. 将样式对象，定义到 `data` 中，并直接引用到 `:style` 中 （1） 阅读全文
摘要：
一、使用class样式 1. 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> 2. 数组中使用三元表达式 <h1 :class="['red', 'thin', isactive?'active':'']">这是一个邪恶的H1</h1> 3. 数组中嵌套 阅读全文
摘要：
一、代码实现 <body> <div id="app"> <input type="text" v-model="n1"> <select v-model="opt"> <option value="+">+</option> <option value="-">-</option> <option 阅读全文
摘要：
一、解释 v-model 指令，可以实现 表单元素和 Model 中数据的双向数据绑定 二、实例 <body> <div id="app"> <h4>{{ msg }}</h4> <!-- v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定 --> <!-- <i 阅读全文
摘要：
一、解释 .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 .once 事件只触发一次 二、实例 <style> .inner { height: 150px; backgrou 阅读全文
摘要：
一、分析 1. 给 【跑起来】 按钮，绑定一个点击事件 v-on @ 2. 在按钮的事件处理函数中，写相关的业务逻辑代码：拿到 msg 字符串，然后 调用 字符串的 substring 来进行字符串的截取操作，把 第一个字符截取出来，放到最后一个位置即可； 3. 为了实现点击下按钮，自动截取的功能， 阅读全文
摘要：
一、解析 插值表达式：{{}} v-html：解析带标签语句 v-cloak：使用 v-cloak 能够解决 插值表达式闪烁的问题 v-text：默认 v-text 是没有闪烁问题的，v-text会覆盖元素中原本的内容，但是 插值表达式 只会替换自己的这个占位符，不会把 整个元素的内容清空 v-bi 阅读全文
摘要：
一、概念 MVC 是后端的分层开发概念； MVVM是前端视图层的概念，主要关注于 视图层分离，也就是说：MVVM把前端的视图层，分为了 三部分 Model, View , VM ViewModel 二、详情图 阅读全文