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…