- 博客(7)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue学习-路由（七）
效果：路由router-link标签 路由路径，to代表路由路径，而路由路径 对应的是组件router-view代表路由体 若没起name 则公用一个路由体（下面路由布局有介绍name的使用）<div id="app"> <router-link to="/login?userName=cth">登录</router-link> <router-link to="/register">注册</router-link> <!-
2020-10-14 10:22:59
329
原创 Vue学习-动画（六）
效果：演示：组件切换动画、列表增加 删除动画。之前两篇文章写过用animate.css实现的动画 点击即可跳转查看详细代码。本章讲述Vue自己封装的动画效果和css3，当然我还是喜欢用animate关于入场点/入场时间段和出场点/出场时间段 请看Vue.js官方详细介绍Vue自带动画效果出场点和入场点 是一样的地方入场时间段 离场时间段是相同进行的/* 入场点 和 出场点 */vueimg-enter,.vueimg-leave-to{ opacity: 0; transform:
2020-10-13 15:14:55
262
1
原创 Vue学习-v-for条件过滤（五）
效果：话不多说没难度，直接代码list格式如下：1.v-for<div class="flex"> <h2>普通for循环</h2> <ul> <li v-for="(item,index) in list" :key="item.id">{{index}}---{{item.name}}</li> </ul></div>2.v-for条件过滤<div class="flex"
2020-10-13 13:57:24
9467
原创 Vue学习-组件基础--组件定义、动态切换（四）
1.自定义组件先创建一个组件对象var testbtn = { template : '<button type="button" @click="test">自定义组件</button>', methods:{ test(){ console.log('子组件的单机事件') } }}在components中定义一下components:{ testbtn},body中<testbtn></testbtn>效果：
2020-10-13 10:59:35
190
原创 Vue学习-事件监听（三）
问题：当input的值 发生变化时 该如何监听？@keyuphtml:<input ref="inp" v-model="inp" @keyup="test"/>js:methods:{ test(){ console.log('keyup:键盘抬起事件') }}, watch:{ inp:function(){ console.log('input改变了：'+this.$refs.inp.value) }}watch效果:...
2020-10-12 17:00:51
129
原创 Vue学习-使用ref获取Dom元素（二）
首先将input定义一个ref值通过this.$refs.inp(ref名).value或者val值其他属性：演示：页面加载完成即获取input的值
2020-10-12 16:28:03
307
原创 Vue学习-常用属性（一）
前言：作为后端转前端程序员，一直都不会Vue 只会用jQuery，说来惭愧，最近项目写完了 抽空学习了Vue，大爱！把最近的学习总结一下 。v-cloak ----解决页面刷新 显示插值[v-cloak]{ display: none;}<div id="app" v-cloak></div>v-text ----插值的另一种写法v-html----可加入标签v-if---- 为true时显示，反之隐藏v-show ----为true时显示，反之隐藏v-i
2020-10-12 16:17:52
176
bootstrap后台模板
2020-03-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人