v-cloak: 解决屏幕闪现的好方法。但在大型、工程化的项目中(webpack、vue-router)只有一个空的 div 元素,元素中的内容是通过路由挂载来实现的,这时我们就不需要用到 v-cloak 指令。 v-p…
标签:css
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…
Vue系列教程-01-初识Vue
Vue 是一套用于构建用户界面的渐进式JavaScript框架。 Vue的特点和优势 vue两大特点:响应式编程、组件化。 vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度…