摘要：
Vue的键盘事件： @keydown：按下 @keypress：按住 @keyup：抬起 默认的按键别名：Vue为常用按键映射了别名； 自定义按键别名：Vue.config.keyCodes可以自定义按键别名； @keydown：按下 比如在键盘上按下a: vue代码： html代码： 需求：类似于 阅读全文
摘要：
v-show：通过切换元素的display CSS属性实现显示隐藏； v-if：根据表达式的真假实现显示隐藏，如果隐藏，它绑定的元素都会销毁，显示的时候再重建； 我们可以通过定义一个属性进行控制显示与隐藏： 定义的属性： html: v-else与v-elseif：都是与v-if配对使用； vue中 阅读全文
摘要：
Vue的事件：获取事件对象$event； 事件冒泡：事件会向上传播 原生js阻止事件冒泡，需要先获取事件对象，再调用stopPropagation()方法； vue事件修饰符stop，例@clik.stop； 事件默认行为： 原生js方式需要获取事件对象，再调用preventDefault()方法； 阅读全文
摘要：
v-on:事件绑定 v-on简写:@ 绑定click事件时； 代码： 执行click事件时进行数据的相加： vue: html: 使用v-on的简写@时： 在vue中修改add方法即可： 使用v-on的简写@： 以上示例所有代码： 1 <!DOCTYPE html> 2 <html> 3 <head 阅读全文
摘要：
v-for：对集合或对象进行遍历； 使用v-for对数组遍历时： 效果如下： 代码： 使用v-for遍历一个对象时： html: 使用v-for遍历多个对象的时： 在vue中加入多个对象： html:使用v-for进行遍历： 使用v-for进行遍历数组、单个对象以及多个对象总的代码： 1 <!DOC 阅读全文
摘要：
v-text：以纯文本方式显示数据； v-html：可以识别HTML标签； v-once：只渲染元素或组件一次； v-pre：不进行编译，直接显示内容； v-cloak：可以隐藏未编译的 Mustache 标签直到实例准备完毕，也就是隐藏{{}}； v-text与v-html的示例： 由效果图可以看 阅读全文
摘要：
Vue的指令：其实就是单个JavaScript表达式，一般来说是带有v-前缀；都有着对应的官网介绍：https://cn.vuejs.org/v2/guide/forms.html v-model：数据双向绑定 下面是一个关于数据绑定的小案例： 页面初始时： 在输入框input中加入v-model后 阅读全文
摘要：
什么是Vue.js？ Vue (读音 /vjuː/，类似于 view) ，是一个轻量级的MVVM前端框架； MVVM框架： MVVM是Model-View-ViewModel的简写，利用数据双向绑定简化DOM操作； 中文官网： https://cn.vuejs.org/ 作者：尤雨溪（Evan Yo 阅读全文
摘要：
Vue.js一个核心思想是数据驱动。所谓的数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM。大大简化了代码量。特别是交互复杂的时候，只关心数据的修改会让代码的逻辑变得非常清晰，因为DOM变成了数据的映射，我们所有的逻辑都是对数据的修改，而不用触碰DOM这样的代码非常利于维护 阅读全文