执着的烙印

摘要： lazy不使用input事件同步 从而转变为使用 change 事件进行同步 <input type="text" value="msg" v-model.lazy="msg" > <p>{{msg}}</p> 当input输入框输入值，p标签显示不会立刻更新 。而是 离开输入框， enter事件等 阅读全文

摘要： 1.v-if 的特点：每次都会重新删除或创建元素 2.v-show 的特点： 每次不会重新进行DOM的删除和创建操作，只是切换了元素的 display:none 样式 3.v-if 有较高的切换性能消耗 4.v-show 有较高的初始渲染消耗 5.如果元素涉及到频繁的切换，最好不要使用 v-if, 阅读全文

摘要： 1.一个小demo ， 一个id ，一个name ，一个add 。 点击add ，追加id和name对象data中的list数组里。 input输入，使用v-model双向绑定 代码如下 <div> <label>Id:</label> <input type="text" name="" id=" 阅读全文

摘要： 注意 in后面可以放 数组 ，对象数组，对象， 还可以放数字 <p v-for="count in 5">这是第 {{ count }} 次循环</p> 只是放数字的话count的值从1开始不是0 这是第 1 次循环 这是第 2 次循环 这是第 3 次循环 这是第 4 次循环 这是第 5 次循环 阅读全文

摘要： v-for 循环遍历 data: { list: { id: 1, name: '托尼', gender: '男' } }, 比如数据 list 对象。 有3个对应的属性 id name 和gender <!-- 注意：在遍历对象身上的键值对的时候， 除了 有 val key ,在第三个位置还有 一 阅读全文

摘要： vue中的v-for 循环对象数组。循环的主体不会变 ，主要模式还是 <p v-for="item in list">{{item}}</p> data如下 data: { list: [ { id: 1, name: 'zs1' }, { id: 2, name: 'zs2' }, { id: 3 阅读全文

摘要： v-for 遍历数组 格式为 <p v-for="( item ,index ) in list "> {{index}} -{{item}} </p> list 为data中的数组 。item代表其中的每一项 。 index是遍历的index值 比如 <script> // 创建 Vue 实例，得 阅读全文

摘要： vue中的样式 是动态绑定style ， 对象 是无需键值对的集合 1. <h1 :style="{ color:'red' ,fontSize:'32px'}">这是最基础的一个</h1> 直接在对象中写键值对 2. <h1 :style="styleObj2">这是第一个</h1> 将键值对对象 阅读全文

摘要： style默认声明样式有以下几个 <style> /* 红色 */ .red { color: red; } /* 瘦 */ .thin { font-weight: 200; } /* 倾斜 */ .italic { font-style: italic; } /* 激活 */ .active { 阅读全文

摘要： 计算机逻辑 A + B = C A - B = C A *Ｂ＝Ｃ Ａ／Ｂ＝Ｃ 基本逻辑是，　需要输入Ａ　和Ｂ　得到Ｃ　。　选择运算符。　点击＝ 所以页面布局分为几部分 初始化数据为 data: { n1: 0, // A n2: 0, //B result: 0, //C opt: '+' //运算 阅读全文