vue2.0 基础

vue2.0 基础

vue指令

v-指令

• v-text 元素的InnerText属性,必须是双标签
• v-html 元素的innerHTML
• v-if 判断是否插入这个元素
• v-else-if
• v-else
• v-show 隐藏元素 如果确定要隐藏, 会给元素的style加上display:none

vue修饰符

• @click.prevent 阻止默认事件
• @click.stop 阻止冒泡
• @click.once 只触发一次
• @click.capture 在捕获阶段触发，而不是在冒泡阶段触发
• @click.self 直接点击自己的时候触发（也可以用来阻止冒泡）
• @click.passive 默认行为立即执行（演示：@scroll，@wheel）

表单提交流程

 

cookie的原理

1. 用户在客户端输入username和password，提交到服务器端
2. 服务器端接收username和password，查询数据库，判断是否存在这条记录。
3. 如果存在这条记录，则登录成功，服务器返回客户端一个cookie，客户端存在本地。
4. 客户端以后每次请求这个网址，都会携带cookie，作为自己的身份标识

 

webStorage

1. 存储内容一半支持5MB左右，不同浏览器可能不一样

2. 浏览器通过window.sessionStorage和window.localStorage来实现本地存储机制

3. 相关API

   添加内容

   xxxxxStorage.setItem("key","value")

   获取内容

   xxxxStorage.getItem("key")

   删除

   xxxxStorage.removeItem("key")

   清空

   xxxxStorage.clear()

4. 备注

   • sessionStorage存储的内容会随着浏览器窗口关闭而消失
   • localStorage存储的内容，需要手动清除才会小时
   • xxxStorage.getItem("key")如果key对应的value获取不到，那么getItem的返回值是null
   • JSON.parse(null)的结果依然是null