摘要：
对象语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
摘要：
一、v-model 表单输入绑定 使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 <template> <div> <input class="login-input" type="text" v-model="username" plac 阅读全文
摘要：
@input实时监听输入数据 <input type="text" placeholder="实时监听" v-model="inputVal" @input="inputFn"> data: { inputVal:'' }, methods: { //实时监听 inputFn(e){ console 阅读全文
摘要：
渲染数据时，有时候往往需要把最新的那条数据放在最上面，最简单的方法就是在渲染之前把数据先倒序排列好，再渲染到网页上。 这时就要用到reverse()。 <div class="list" v-for="(item,index) in reverseSum" :key="index> <ul > <l 阅读全文
摘要：
效果图： 主要思路： 点击不同 tab 获取 tab 选项卡下标并为其动态绑定一个class(选中状态时的样式) 点击时使 tab 对应的内容下标与 tab 选项卡下标保持一致 使用 v-show / v-if 指令控制内容显示与隐藏 源码： <html lang="en"> <head> <met 阅读全文