vue
夏初末未始
开源开源开源
展开
-
Vue.js实战之系统学习第五节
Vue.js实战之系统学习第四节想看上一节请点击上面的链接。是不是感觉自己会的并不多,可是用起来却很舒服啊,对,这就是Vue.js的魅力,但是我们要沉住气啊,还有很多需要学的啊。接下来我们继续Vue.js的基本指令吧。v-cloakv-vloak不需要表达式,它会在Vue示例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none;配合使用:<d...原创 2019-03-14 11:02:29 · 306 阅读 · 3 评论 -
Vue.js实战之系统学习第六节
想看上一节的请点击Vue.js实战之系统学习第五节接下来让我们学习第六节,表单与v-model表单类控件承载了一个网页数据的录入与交互,本节主要介绍如何使用v-model完成表单的数据的双向绑定。表单控件在实际业务较为常见,比如单选、多选、下拉选择、输入框的等,用它们可以完成数据的录入、校验、提交等。Vue.js提供了v-model指令,用于在表单类元素上双向绑定数据,例如在输入框...原创 2019-03-15 15:50:26 · 215 阅读 · 0 评论 -
Vue.js实战之系统学习第一节
为什么叫系统学习呢?因为我以前接触过Vue.js,但是没学过它的原理,只是简单的使用了,使用的时候就觉得很好用,没有其他的什么感觉,但当我进入职场后,学习了很多的前端技术后,才发现这个技术的友好,被它深深的吸引,所以准备拿出时间再系统的学习一遍。 参考书籍是Vue. js 实战/梁额编著. 这里先介绍一下我们要系统学习的内容: ...原创 2019-03-12 14:33:39 · 308 阅读 · 0 评论 -
Vue.js实战之系统学习第二节
Vue.js实战之系统学习第一节想看上一节请点击上面的链接。在上一节中,我们已经开启了Vue.js大门,这一节,让我们真正的进入Vue的世界吧。老办法,先敲代码,看一下这节课要学的东西。<!DOCTYPE html><html> <head> <meta charset="utf-8"> &...原创 2019-03-12 14:38:25 · 270 阅读 · 0 评论 -
Vue.js实战之系统学习第八节
Vue.js实战之系统学习第七节想看上一节的请点击上面的链接,(被csdn吞了两次的文章,加起来有半天的工作量了)自定义指令在第五章里我们已经介绍过了许多Vue内置的指令,比如v-if、v-show等,这些丰富的内置指令能满足我们绝大部分业务需求,不过在需要一些特殊的功能时,我们仍然希望能对DOM进行底层的操作,这时就要用到自定义指令。基本用法自定义指令的注册方法和组件很像,也...原创 2019-03-21 14:21:59 · 239 阅读 · 0 评论 -
Vue.js实战之系统学习第七节
想看上一节的请点击:Vue.js实战之系统学习第六节接下来我们要学习第七节了,时间过的好快。组件详解组件是Vue.js的核心功能,也是整个框架设计最精彩的地方,当然也是最难掌握的。本章节将带你由浅入深地学习组件地全部内容,并通过几个实战项目熟练使用Vue组件。组件与复用在正式介绍组件前,我们先来看一个简单地场景这是很常见的聊天界面,有一些标准的空间,比如右上角的关闭...原创 2019-03-18 11:14:53 · 460 阅读 · 0 评论 -
Vue.js实战之系统学习第三节
Vue.js实战之系统学习第二节想看上一节请点击上面的链接。这一节我们要学习的是计算属性在模板中双向绑定一些数据或表达式,会出现表达式过长,或者罗竞技较为复杂,就会变得臃肿甚至难以阅读和维护。<div> {{ text.spilt(',').reverse().join(',')}}</div>这里的表达式含三个操作,并不是很清晰,所以遇到复...原创 2019-03-13 14:51:25 · 183 阅读 · 0 评论 -
Vue.js实战之系统学习第四节
Vue.js实战之系统学习第三节想看上一节请点击上面的链接。接下来我们要具体讲讲v-bind 指令的使用方法了即 v-bind 及 class 与 style 绑定在前几节我们学习的v-bind是动态的跟新HTML元素上的属性(主要是href和src)。在这节,我们将对样式元素class和内联样式style的动态绑定进行讲解。因为它们也是HTML属性,因此可以使用v-bin...原创 2019-03-13 16:18:06 · 200 阅读 · 0 评论