vue复习（1）

1.框架 和 库的区别：

框架：一套 完整的解决方案，对项目的 侵入性较大。项目 如果更换框架，需要重新架构 整个项目。

库（插件）：提供某个功能，对项目 的侵入性较小。如果 某个库，无法完成某些需求，可以 很容易切换到 其他库。

2.MVC：后端的 分层开发概念。

MVVM：前端的 视图层概念。view model   viewmodel。

v-cloak

v-text

v-html

v-bind    拼接绑定内容  ：title="btnTitle +', 这是追加的内容' "

items 是 源数据数组
item  是 被迭代的数组元素的别名
v-for="item in items"
items 换成 实际数组名，item 也可以 起别的名字

key 的值 只能是number 或 string
给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素=》key 属性

使用 key，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。
这两种情况用很合适：
完美的触发组件的生命周期钩子函数
触发过渡
<transition>
    <span :key="text">{{text}}</span>
<transition>
当 text改变时，span 会触发过渡

key也可用 管理可复用的 元素
<template v-if="loginType === 'username'">
  <label>Username</label>
  <input placeholder="Enter your username" key="username-input">
</template>
<template v-else>
  <label>Email</label>
  <input placeholder="Enter your email address" key="email-input">
</template>

<label>  元素依然会被高效的复用，因为它们 没有被添加key 属性

vue 指令：
v-text v-on v-html v-cloak v-model v-for
v-if v-show  v-bind（9）

v-for 可以 循环数组、对象数组、对象，还可以 迭代数字

v-bind  用于绑定 html属性的指令 可以绑定已有属性，也可以绑定 自定义属性
v-bind:id 就是绑定 已有属性 id