摘要：
表单控件绑定 知识点 v-model input[type="text"] v-model 为表单控件元素创建双向数据绑定。（将JS变量的值“快速”设定到控件上，然后将用户输入的内容“快速”设置回JS变量） <div id="myApp"> <h1>表单控件绑定</h1> <input type=" 阅读全文
posted @ 2021-01-18 18:09
felixtester
阅读(90)
评论(0)
推荐(0)
摘要：
事件处理器 知识点 v-on:(event)/@(event) v-on:(event) 页面元素的事件绑定。（click,keyup,load等等） <div id="myApp"> <h1>事件处理器</h1> <input id="txtName" v-on:keyup="txtKeyup($ 阅读全文
posted @ 2021-01-18 18:06
felixtester
阅读(62)
评论(0)
推荐(0)
摘要：
JS对象迭代 知识点 v-for v-for 循环JS对象，把对象内容循环显示到页面上。 <div id="myApp"> <h1>JS对象迭代</h1> <div v-for="(value, key) in mygame"> {{ key }} : {{ value }} </div> </di 阅读全文
posted @ 2021-01-18 18:05
felixtester
阅读(51)
评论(0)
推荐(0)
摘要：
列表渲染 知识点 v-for v-for 循环数组元素，整理内容显示到页面上。 <div id="myApp"> <ul> <li v-for="(game, index) in games">({{index}}) {{game.title}} / 售价：{{game.price}}元</li> 阅读全文
posted @ 2021-01-18 18:03
felixtester
阅读(56)
评论(0)
推荐(0)
摘要：
元素显示 知识点 v-show v-show 标记是否显示html元素。(注意：v-show设置的标记在html DOM中不会消失) <div id="myApp"> <h1 v-show="result">任天堂新一代主机Switch</h1> <button @click="btnClick"> 阅读全文
posted @ 2021-01-18 17:55
felixtester
阅读(38)
评论(0)
推荐(0)
摘要：
条件渲染 知识点 v-if v-else-if v-else v-if 判断vue.js的变量的值，然后执行页面渲染逻辑。（if-elseif-else） <div id="myApp"> <h1 v-if="result == 0">成绩未公布</h1> <h1 v-else-if="result 阅读全文
posted @ 2021-01-18 17:54
felixtester
阅读(64)
评论(0)
推荐(0)
摘要：
Class对象绑定 知识点 v-bind:class v-bind:class 为html标记绑定样式单class对象。 <div id="myApp"> <div :class="myClass">红色文本</div> <button @click="btnClick">改变class吧</but 阅读全文
posted @ 2021-01-18 17:53
felixtester
阅读(67)
评论(0)
推荐(0)
摘要：
Class绑定 知识点 v-bind:class v-bind:class 为html标记绑定样式单class属性。 <div id="myApp"> <div v-bind:class="{active:isActive}">红色文本1</div> <div :class="{active:isA 阅读全文
posted @ 2021-01-18 17:52
felixtester
阅读(61)
评论(0)
推荐(0)
摘要：
设定计算属性 知识点 setter setter 设置计算属性，同步更新元数据的值。（又是令人费解的描述） <div id="myApp"> <p>今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，含税价格为：{{priceInTax}}円，折合人民币为：{{priceC 阅读全文
posted @ 2021-01-18 17:50
felixtester
阅读(65)
评论(0)
推荐(0)
摘要：
观察属性 知识点 $watch $watch 与computed属性类似，用于观察变量的变化，然后进行相应的处理。（我从Angular而来） <div id="myApp"> <p>今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，含税价格为：{{priceInTax}} 阅读全文
posted @ 2021-01-18 17:48
felixtester
阅读(53)
评论(0)
推荐(0)
浙公网安备 33010602011771号