Vue
rookie_s
是一个注重团队配合的人,爱旅游,爱运动,爱交友。
展开
-
vue系列学习笔记______缩写
1.v-前缀是一种标识模板中特定的Vue特性的视觉暗示2.在构建单页应用的时候,Vue.js会管理所有的模板,此时v-前缀也没有那么重要3.因此Vue.js为最常用的指令v-bind和v-on提供特别的缩写例如:(1)<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 --><a :href="url"&原创 2018-05-13 12:15:28 · 177 阅读 · 0 评论 -
vue系列学习笔记_____计算属性
1.在模板中绑定表达式是非常便利的,但是他们实际上只用于简单的操作如果需要多余一个表达式的逻辑,应当使用计算属性主要有以下几点(a).基础例子<div id = "demo"> a={{a}},b={{b}}</div>var vm = new({ el:'#demo', data:{a:1}, computed:{b:function(){return ...原创 2018-05-13 14:03:43 · 292 阅读 · 0 评论 -
vue系列学习笔记_____类与样式绑定
数据绑定一个常见需求是操作元素的class列表和它的内联样式因为他们都是attribute,我们可以用v-bind处理他们:只需要计算出表达式最终的字符串不过,字符串拼接麻烦又容易错,因此,在v-bind用于class和style时,Vue.js专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或者数组。1.绑定HTML Class尽管可以用Mustache标签绑定class,比如clas...原创 2018-05-13 15:12:53 · 280 阅读 · 0 评论 -
vue系列学习笔记_____条件渲染
1.v-if在Vue.js中,我们使用v-if指令实现同样的功能<h1 v-if="ok">Yes</h1>利用v-if控制该元素有还是没有template v-if因为v-if是一个指令,需要将它添加到一个元素上,但如果想切换多个元素,可以把一个<template>元素当作包装元素,并在上面使用v-if,最终的渲染结果不会包含它例如<template v...原创 2018-05-13 16:26:53 · 171 阅读 · 0 评论 -
vue系列学习笔记_____列表渲染
1.v-for使用v-for指令基于一个数组渲染一个列表。<ul id="demo"><li v-for="item in items">{{item.message}}</li></ul>var demo = new Vue({ el:"#demo", data:{ items:[ {me原创 2018-05-13 17:40:59 · 356 阅读 · 0 评论 -
element ui 支持行列拖动
element ui 支持行列拖动https://www.jianshu.com/p/362f880d0bfd转载 2019-02-27 08:58:21 · 1433 阅读 · 0 评论