摘要：
使用key维护列表的状态 当列表的数据变化时，默认情况下，vue尽可能的服用已存在的DOM元素，从而提升渲染的性能。但这种默认的性能优化策略，会导致由状态的列表无法被正确更新。 key的使用注意事项： 1、key的值必须是string、number 2、key的值必须具有唯一性 3、建议把数据项的i 阅读全文
摘要：
vue中显隐方法常用两种，v-show和v-if，但这两种是有区别的。 v-if v-if 控制元素显示或隐藏是把dom元素整个的渲染或者删除，如果删除，也就是页面中不存在这个dom元素，以此达到隐藏的效果； 所以v-if在每次切换的时候都会重新创建或者销毁元素，有较高的切换性能消耗； 而且v-if 阅读全文
摘要：
vue提供了v-model双向绑定指令，用来辅助在不操作DOM的前提下，快速读取表单的数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https:/ 阅读全文
摘要：
v-on事件绑定指令，用来辅助程序员为DOM元素绑定事件监听 原生DOM对象有onclick、oninput、onkeyup等原生事件，替换为vue的事件绑定形式后为v-on:click、v-on:input、v-on:keyup <!DOCTYPE html> <html lang="en"> < 阅读全文
摘要：
事件对象event $event是vue提供的特殊变量，用来表示原生的事件参数event。$event可以解决事件参数对象event被覆盖问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</t 阅读全文
摘要：
内容渲染指令 内容渲染指令用来辅助开发者渲染DOM元素的文本内容。常用的有如下3个： v-text：指令会覆盖元素内的默认值 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head 阅读全文
摘要：
v-bind属性绑定指令，为元素动态绑定属性值 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.stati 阅读全文