ellaha - 博客园

2021年4月5日

摘要：一，创建页面 <div id="app"> <div> <label for="">Id <input type="text" v-model="id"> </label> <label for="">name <input type="text" v-model="name"> <input ty 阅读全文

posted @ 2021-04-05 14:04 ellaha 阅读(712) 评论(0) 推荐(0)

Vue中v-for指令的四种使用

摘要：一，循环普通数组 1，创建Vue实例对象 <div id="app"> <p v-for="(item, i) in list">每一项值{{item}} 索引值为{{i}}</p> </div> 2，循环数据 <script> var vm = new Vue({ el: '#app', data 阅读全文

posted @ 2021-04-05 10:48 ellaha 阅读(1582) 评论(0) 推荐(0)

2021年3月31日

KO之tab栏切换

摘要： var viewModel = { tabSelect: ko.observable('0')， changeState: function(state) { viewModel.tabSelect(state); } } <div class="ebk3-tabs-group txt14 ib-v 阅读全文

posted @ 2021-03-31 17:01 ellaha 阅读(67) 评论(0) 推荐(0)

2021年3月30日

Vue中通过属性绑定为元素绑定style

摘要：使用内联样式 1，直接在元素上通过 :style的形式书写样式对象  <h1 :style="{color: 'red', 'font-weight': 200}">你好明天</h1> 2，将样式对象，定义到data中，并直接引用到 :style中在阅读全文

posted @ 2021-03-30 22:54 ellaha 阅读(2014) 评论(0) 推荐(0)

Vue中通过属性绑定为元素设置class

摘要： 1，直接传递一个数组 2，在数组中使用三元表达式 3，在数组中使用对象代替三元表达式 4，通过对象绑定 <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/d 阅读全文

posted @ 2021-03-30 22:40 ellaha 阅读(909) 评论(0) 推荐(0)

2021年3月28日

Vue指令之事件修饰符

摘要：知识点： 1，.stop 阻止事件继续传播（冒泡） 2，.prevent阻止标签默认事件 3， .capture添加事件侦听器时使用事件捕获模式，即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理 4，.self只当event.target事件在该元素本身（比如不是子元素）触发时触发回调阅读全文

posted @ 2021-03-28 20:44 ellaha 阅读(78) 评论(0) 推荐(0)

2021年3月27日

ES6新特性箭头函数

摘要： 11 function foo(){ console.log('hello'); } foo(); let foo1 = () => console.log('hello'); foo1(); function foo2(v){ return v; } let foo2 = v => v; // 多阅读全文

posted @ 2021-03-27 22:54 ellaha 阅读(42) 评论(0) 推荐(0)

ES6 函数扩展

摘要：知识点参数默认值参数结构赋值 rest参数 ...扩展运算符 1，参数默认值 // 原有的参数默认值function foo(param){ let p = param || 'hello'; console.log(p); } foo(); //打印hello foo('hi'); //打印h 阅读全文

posted @ 2021-03-27 22:24 ellaha 阅读(52) 评论(0) 推荐(0)

跑马灯效果

摘要：知识点： 1，在vm实例中要想要获取data上的数据或者想要调用methods中的方法，必须通过this.数据名或者 this.方法名进行访问这里的this就表示我们new出来的vm实例对象 2，vm实例会监听自己身上data中所有数据的改变只要数据发生改变就会自动把最新的数据从data 阅读全文

posted @ 2021-03-27 20:47 ellaha 阅读(75) 评论(0) 推荐(0)

2021年3月26日

vue指令之v-cloak，v-text，v-html，v-bind，v-on学习

摘要： 1，如何定义一个基本的Vue代码结构 2，插值表达式：存在闪烁问题和v-text 3，v-cloak：能够解决插值表达式闪烁的问题 4，v-text：v-text的值会覆盖元素中原本的内容，但是插值表达式只会替换自己的占位符，不会把整个元素清空 5，v-html：v-html会覆盖文本内容但是阅读全文

posted @ 2021-03-26 22:38 ellaha 阅读(105) 评论(0) 推荐(0)