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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值