效果图：当鼠标点击的时候 对应单独银行卡时 进行展开 其余的银行卡向下移动 并且空出一段距离 先将我们需要的数据 在数据中心写好   const vm = new Vue({     el: "#app",     data() {     &n

  效果图：这次的切换 我们给input的类型更改为radio单选框 并且给三个单选框取相同的name名 当单选框被选中时 会增加checked属性 通过这个属性来进行登录切面的切换我们在数据中心 中定义三个数据对象分别为登录注册以及忘记密码 的数据存储通过v-model的方式将数据中心的数据展示在input框当中在css中我们先写出当鼠标为点击tab栏时的样式 以及右边登录区域的内容进行display：none当单选框name名为settions上增加checked属性时 给其tab

    效果图：文字放大效果 css部分我们通过 设置俩个动画 从文字放大50倍到缩小成正常像素然后我们通过在数据中心声明一个变量通过v-model绑定到input上使用watch进行监听msg的变化 当我们的newVal长度大于我们的oldVal长度时  通过setTimeout来给box进行class绑定 时间设置为200毫秒当动画进行完成之后需要进行动画移除 所以在绑定完shake之后 紧跟着在后面写上一个定时器 用来移除 所以等待执行的时间需要大于绑定的时间

    黄金换算：          效果图：     这次是对本地的数据进行计算 所以用到了计算属性       首先在数据中心定义 四个变量   data() {      return {        num1: 1, //成本价    &n

    文字上下滚动  ： 效果图                       使用定时器 created钩子函数 对数组中的数据进行变动         使用push将数组的第一位添加至数组末尾      然后使用shift对数组进行删除  &nb

    vue简单计算器       效果图：     主要使用switch分支进行操作      首先在数据中心定义四个变量           通过v-for遍历到视图层当中 使用四个input框 对其v-model 数据双向绑定           &n

  购物车全选

  购物车全选以及反选

  购物车总件数计算

  购物车总价计算

html：

 限时抢购：

1. 在数据中心设置四个变量 counh(小时) counm(分钟) couns(秒) seconds(俩小时总秒数) 来制作倒计时

记事本：

1.添加数据  声明一个空对象 list1 通过v-model将数据进行传递，push添加到 list数组中

2.通过给点击事件传递 index值 ，使用splice 进行对应的·数据删除