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