网页前端
MezereonXP
A developer ,love life, love saber
展开
-
Vue学习笔记(2)模板的使用
通过上一次的学习我们了解了Vue实例的生命周期以及创建了一个实例并且绑定在dom上的一个元素上了,接下来我们将要学习模板 在之前的学习中,我们通过对生命周期的学习,直到在mounted之后会存在这么一种状态,当data出现改变的时候,虚拟dom会重新渲染,这就是Vue吸引人的地方,Vue能够智能地计算出重新渲染组件的最小代价 我们要介绍的第一个东西是文本插值,先给出代码 Vu原创 2017-01-11 02:36:27 · 1410 阅读 · 0 评论 -
Vue学习笔记(1) 一开始的使用以及Vue实例的详解
Vue一款轻量级的js框架,在此分享一下自己学习历程,Vue的学习成本比较低,相对于React以及Angular来说算是相当简单了的 首先是不使用npm安装的前提下,我们简单利用link直接使用Vue 在你的网页中添加如下的js 然后接下来我们就可以开始Vue的学习之路了 首先从Vue实例开始说起 我们现在的网页是这样的 Vue原创 2017-01-11 02:02:44 · 1664 阅读 · 0 评论 -
Vue学习笔记(3)关于Vue的计算属性
通过之前的学习,我们学习了模板之中的文本插值,这可以很好的实现数据的展示与绑定,但是这样的展示是有点缺陷的,比如当你想把数据做一定的复杂处理过后才展示的时候,当然你也可以继续地使用模板,可是这会显得特别难以维护。 Vue当然也是给出了解决方案,这就是计算属性,先给出代码 Vue {{message}} {{reverseMessage}} var vm=new Vue原创 2017-01-11 12:30:05 · 2928 阅读 · 0 评论 -
Vue学习笔记(4)关于class和style绑定
我们利用Vue中的v-bind指令可以很好进行数据绑定,当然对于class和style也是一样的。 而且v-bind用来绑定class也同时可以和普通的class并存,灵活地运用v-bind来切换class或者style可以做到意想不到的效果。 而且你还可以将一个数组传给v-bind:class,当然使用三元表达式也是没有问题的。 当你想绑定style的时候如何绑定呢原创 2017-01-12 00:39:49 · 715 阅读 · 0 评论