vue学习笔记
键盘哥
还是一个刚入行的菜鸟!!
展开
-
vue《五》( 过滤器)
1.过滤器一般用于格式化文本,如果是多个过滤器,直接串联即可!{{msg|uppercase|addString}}实现效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过滤器Filters&am原创 2018-07-17 17:59:03 · 209 阅读 · 0 评论 -
自定义指令
1.v-text指令<!--这里的v-text也是默认的指令,是用来输出msg的,等同于直接写{{msg}}。--><div id="box"> <span v-text="msg"></span></div><script type="text/javascript"&原创 2018-09-05 13:21:12 · 388 阅读 · 0 评论 -
Vue实例的一些简单方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue实例的一些简单方法</title> <script src="https://cdn.jsdelivr.ne原创 2018-09-05 13:01:26 · 246 阅读 · 0 评论 -
计算属性(computed)
1.方式1:模板中绑定表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue计算属性</title> <script src="https://cdn.原创 2018-09-05 09:08:11 · 528 阅读 · 0 评论 -
Vue的生命周期
1.Vue实例(new出来)在被创建之前要经过一系列初始化过程,在这个过程中,实例也会调用一些生命周期钩子。 例如:created这个钩子在实例被创建之后就会自动调用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2018-09-05 09:01:00 · 229 阅读 · 0 评论 -
vue与后台交互数据(axios)
首先需要引入axios<script src="https://unpkg.com/axios/dist/axios.min.js"></script>1.get方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-原创 2018-09-04 08:55:35 · 3244 阅读 · 0 评论 -
vue《四》( 键盘事件,样式绑定)
一,键盘事件1.keydown()键盘键入,触发事件效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src=&quo原创 2018-07-15 22:54:52 · 954 阅读 · 0 评论 -
vue《三》(事件对象(event)、事件冒泡、默认行为)
1.点击事件的event(事件对象)<div id="test"> <input type="button" value="按钮" v-on:click="show($event)"></div>var vm = new Vue({ el:'#test', methods:原创 2018-07-15 21:32:42 · 1388 阅读 · 0 评论 -
vue《二》(v-show指令学习)
1.v-show指令 v-show="true/false" 控制元素显示/隐藏样式具体代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2018-07-15 19:14:13 · 285 阅读 · 0 评论 -
vue《一》(v-for,v-model,v-on:click指令学习)
一,第一部分基本模型:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-mode和v-for指令练习</title> <script src="https://c原创 2018-07-15 16:31:56 · 787 阅读 · 0 评论 -
vue与后台交互数据(vue-resource)
需要引入库:vue-resource <script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script>1.获取普通文本数据 <!DOCTYPE html><html lang="en"><head>原创 2018-09-03 21:56:56 · 6493 阅读 · 0 评论