Vue知识点应用

组件是vue里面一个比较重要的点，一定要玩会，玩明白哈 组件就是对UI结构的复用 组件化开发指的是：根据封装的思想，把页面上可重用的UI结构封装为组件，从而方便项目的开发和维护 vue中规定：组件..

刚开始学的时候，真的被复选框的v-model坑过，傻傻的每个都绑定了同一个字符串，结果发现点击一个，其余的都会变，然后返回去看了一下官网才知道，是要绑定数组的，而且还要指定value的值，每次点...

Vue也给我们提供了很多不同触发函数的修饰符，用起来很方便，大大提高了开发效率，都是按照官方解释来的

我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。

Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。v-if通常是避免重复渲染dom，v-show则是适用于经常出现和消失dom的场景

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。

computed 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护，所以，对于任何复杂逻辑，你都应当使用计算属性

同时，在构建由 Vue 管理所有模板的单页面应用程序 (SPA - single page application) 时，v- 前缀也变得没那么重要了。

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。