摘要：
v-if和v-show只有一个作用，就是根据指定的标识符，切换元素的显示和隐藏状态。v-if是实时的创建或者移除元素，从而达到元素的显示和隐藏v-show是通过为元素添加或者移除display:none来实现隐藏和显示的一般来说，v-if有更高的切换消耗而v-show有更高的初始渲染消耗，因此，如果 阅读全文
摘要：
<div id="app"> <ul> <li v-for="item in list1">{{ item.id }} {{ item.name }}</li><!--循环对象--> </ul> </div> <script> //创建Vue实例，得到ViewModel var vm=new Vue 阅读全文
摘要：
<div id="app"> <ul> <li v-for="item in list">{{ item }}</li> <li v-for="(item,i) in list1">{{ i }} {{ item }}</li><!--索引获取--> </ul> </div> <script> // 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv= 阅读全文
摘要：
.stop:阻止冒泡冒泡事件:当一个大的外部标签有一个触发事件，内部便签也有一个触发事件。如果点击内部便签触发事件的同时，外部标签事件也会跟随触发。当想要的效果是点击里面的标签，不触发外面标签事件，可以加上.stop阻止冒泡事件发生 冒泡：<input type="button" value="冒泡 阅读全文
摘要：
eval("this.result=parseFloat(this.n1)${this.opt}parseFloat(this.n2)") 要么就用switch switch(this.opt){ case "+": this.result=parseFloat(this.n1)+parseFloa 阅读全文
摘要：
在Vue中，只有v-model指令实现了数据的双向绑定，其他指令都是单向的。注意：v-model只能应用在表单元素中。文本输入框中输入内容改变，会自动监听h3便签内容一起改变。 <h3>{{ msg }}</h3> <input type='text' v-model="msg"> 阅读全文