LaraBase // Code Sexily 自带福利的技术社区

Vuejs2.0 文档攻略 - 组件 - 基本概念
2年前
专辑

Vuejs2.0 文档攻略 - 组件 - 基本概念

什么是组件 组件就是把页面中的交互模块独立出来,变成一个个独立的部分,方便我们重复使用。比如我们常见的 data table,在很多地方都会用到,它就是一个组件。 更多组件...
  • 5676
  • 0
  • 0
Vuejs2.0 文档攻略-表单绑定
2年前
专辑

Vuejs2.0 文档攻略-表单绑定

基本用法 我们前面讲过双向绑定,所有与表单相关的数据绑定基本都是双向绑定。 文本 input:text <input v-model="message" placeholder="edit me"&...
  • 5885
  • 4
  • 0
Vuejs2.0 文档攻略-处理事件
2年前
专辑

Vuejs2.0 文档攻略-处理事件

##事件和事件方法 这个之前也讲过,非常容易理解; <div id="example-2"> <!-- `greet` 是vm对象(example2)中定义的方法名 --> <button v-...
  • 5511
  • 2
  • 1
Vuejs2.0 文档攻略-渲染列表
2年前
专辑

Vuejs2.0 文档攻略-渲染列表

v-for 任何编程语言,对于数据集合的循环处理都是最常用的功能。我们来看看Vue的基本写法; <ul id="example-1"> <li v-for="item in items&quo...
  • 7203731
  • 3
  • 1
Vuejs2.0 文档攻略-Html元素的显示和隐藏
2年前
专辑

Vuejs2.0 文档攻略-Html元素的显示和隐藏

show()和hide()可能是我们在使用Jquery时最常用的方法之一,我们看看Vue中类似的写法; v-if <h1 v-if="ok">Yes</h1> 很直接,如果ok为真,那么v-i...
  • 6736
  • 6
  • 0
Vuejs2.0 文档攻略-Class和Style的处理
2年前
专辑

Vuejs2.0 文档攻略-Class和Style的处理

我们在使用Jquery的时候,处理各种元素的样式可能是最频繁的工作,在这里我们看看vue是怎么写的。 ##绑定 HTML Classes ###对象语法 <div v-bind:class="{ active:...
  • 5929
  • 2
  • 0
用Jquery实现图片延迟加载(Lazy Loading)
2年前
散文

用Jquery实现图片延迟加载(Lazy Loading)

大家也许注意到了,LaraBase上面有很多二次元美女的图片,这些图片都挺大的,虽然用了缓存,但是还是会严重影响第一次访问的加载速度。 那我们的基本思路就是让除了图片以...
  • 1690
  • 3
  • 0
Vuejs2.0 文档攻略-计算属性和数据监听
2年前
专辑

Vuejs2.0 文档攻略-计算属性和数据监听

计算属性类似filter {{ float_number | toInt }} new Vue({ el: '#app', data: { float_number: 3433.45 }, filters: { toInt: function (value) {...
  • 7217
  • 6
  • 1
Vuejs2.0 文档攻略-在Html中绑定数据的语法
2年前
专辑

Vuejs2.0 文档攻略-在Html中绑定数据的语法

简介 Vue控制视图的方式是在html直接插入数据控件,这样做是不是很像php?简洁直观。 总的来说,在html中插入数据控件有2种方式,一种是{{}}双花括号,一种是directive,类...
  • 4132986
  • 6
  • 2
Vuejs2.0 文档攻略-vm对象
2年前
专辑

Vuejs2.0 文档攻略-vm对象

数据是怎么驱动视图的 我们已经知道数据驱动视图是什么意思了,但是数据是怎么驱动视图的呢?一堆数据放在那里是不会有任何作用的,它必须通过我们的View Model(视图模型...
  • 12510
  • 5
  • 1
Vuejs2.0 文档攻略-最简单的理解
2年前
专辑

Vuejs2.0 文档攻略-最简单的理解

让数据显示在视图中 按照上一节讲的,你应该有最基本的环境了: <!DOCTYPE html> <html> <head> <title></title> </head> <bo...
  • 15663
  • 4
  • 1
Vuejs2.0 文档攻略-安装
2年前
专辑

Vuejs2.0 文档攻略-安装

直接下载 我们没有很多时间,不要浪费时间看各种花式下载方法,直接下载一个文件先。 和所有Html中引入js方法一样 <!DOCTYPE html> <html> <head> <...
  • 9227
  • 3
  • 0