vue
vue基础学习笔记
晴天べ小妖
这个作者很懒,什么都没留下…
展开
-
vue中的样式与事件修饰符
一. vue中的样式(基于v-bind指令) 使用class样式(分为以下4种形式) 数组 <h1 :class="['red','thin']">我是h1标签</h1> 数组中使用三元表达式 <h1 :class="['red','thin',isactive?'active':'']">我是h1标签</h1> *数组中嵌套对象 <h1 :class="['red','thin', {'active':isactive}]">原创 2020-08-17 16:49:56 · 168 阅读 · 0 评论 -
vue基本指令(二)
vue基本指令(二) v-if与v-show:vue中的切换指令。 v-if特点:每次都会删除或者重新创建元素。并且有较高的切换性能消耗,如果元素涉及频繁的切换,推荐使用v-show。 v-show特点:每次不会重新进行删除与创建操作,只是切换了元素的 display:none 的样式。并且用较高的初始渲染消耗,如果元素永远也不会被显示出来,被用户看到,推荐使用v-if。 <!--切换效果代码如下:--> <div id="app"> <input原创 2020-08-17 14:02:48 · 80 阅读 · 0 评论 -
MVVM简介
MVVM简介 MVVM:为前端视图层的分层开发思想,主要把每个页面分成M, V 和VM。MVVM的思想主要是为了让我们开发更加方便,因为MVVM提供了数据的双向绑定,注意:数据的双向绑定是由VM提供的。 M:保存每个页面中单独的数据。 VM:它是一个调用者,分隔了M和每当V层想要获取后保存数据的时候,都要由VM做中间处理。 V: 每个页面中的HTML结构,即视图。 MVC与MVVM之间的联系,如图: 模板代码 引包 <script type="text/javascript" src="v原创 2020-08-16 13:03:00 · 543 阅读 · 1 评论 -
vue基本指令(一)
vue基本指令(一) v-cloak:解决插值表达式的闪烁问题。 注意:需要写css样式,即:display:none; <p v-cloak> {{mgs}} </p> v-text:插入文本命令。(没有闪烁问题,即相当于javascriptDOM中的innertext) 注意:v-text会覆盖元素中的原本内容,但插值表达式只会替换自己的占位符,不会把整个元素内容清空。 <p v-text="mgs"> </p> v-html:插入标签文本内原创 2020-08-16 12:40:01 · 95 阅读 · 0 评论