computed：计算属性，内部依然是方法，调用是不用加()相当于一个data。与methods的区别，调用多次，编译一次(如果值发生变化会自动重新编译)，性能更好。 我是分割线 <!DOCTYPE html>…
Vue系列教程-10-栗子记事本
@keyup v-model v-show v-for @click 指令的小栗子 <!DOCTYPE html> <html lang="en"> <head> <meta c…
Vue系列教程-09-指令v-for,v-model
v-for：遍历对象，一个参数及子元素，两参数及子元素及其索引 v-model：表单数据绑定 v-model修饰符: .lazy 失去焦点或回车才更新 .number 内容自动转数字类型 .trim 去除首尾空格 …
Vue系列教程-08-栗子简易轮播图
v-show v-click v-bind 综合应用小栗子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-…
Vue系列教程-07-指令v-cloak，v-pre，v-once，解决屏幕闪现
v-cloak： 解决屏幕闪现的好方法。但在大型、工程化的项目中（webpack、vue-router）只有一个空的 div 元素，元素中的内容是通过路由挂载来实现的，这时我们就不需要用到 v-cloak 指令。 v-p…
Vue系列教程-06-指令v-show，v-if，v-bind
v-show：根据表达式真假，切换元素显示隐藏 原理修改元素display 相比if更节约性能，需要频繁切换用show，只需要切换一次用if v-if： 根据表达式真假，切换元素显示隐藏 原理删除添加元素 v-bind：…
Vue系列教程-05-栗子购物车添加与删除
vue 动态数据和点击事件的小案例 我是分割线 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
Vue系列教程-04-v-on修饰符
.stop：停止冒泡 .once：点击回调只触发一次 .prevent: 阻止默认行为,如阻止表单提交 .stop.prevent：串联修饰符像工厂模式 keyup.enter： 键修饰符，监听回车键 常用按键： …
Vue系列教程-03-指令v-text，v-html，v-on常用事件
v-text：绑定元素text v-html：绑定元素html v-on：绑定元素事件 我是分割线 <!DOCTYPE html> <html lang="en" xmlns:v-on="http://…
Vue系列教程-02-不同数据类型的获取方式
vue的数据类型同js 包含： 基本类型： 字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol(es6)。 引用数据类型： 对象(Object…