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

Vuejs2.0 文档攻略 - 组件 -动态组件
9月前
专辑

Vuejs2.0 文档攻略 - 组件 -动态组件

这个厉害了,想像一下在页面中的某个位置,我需要根据不同的情况切换不同的组件,怎么做到呢: var vm = new Vue({ el: '#example', data: { currentView: 'home'...
  • 2205
  • 5
  • 1
Vuejs2.0 文档攻略 - 组件 -组件内容分发(slot)
9月前
专辑

Vuejs2.0 文档攻略 - 组件 -组件内容分发(slot)

内容分发是什么鬼东西 “内容分发”? slot?又是一个新概念,最讨厌新概念了,所以不得不对这个概念进行降维打击一下; 其实这个所谓的“内容分发”就是有点类似 blade里的@yi...
  • 2013
  • 1
  • 0
Vuejs2.0 文档攻略 - 组件 -自定义事件
9月前
专辑

Vuejs2.0 文档攻略 - 组件 -自定义事件

讲完了数据往下传,现在我们来讲事件往上传。 这里就需要自定义事件了,也就是说,除了js原生的那些dom事件外,我们需要定义自己的事件来处理业务逻辑。 使用v-on来处理自...
  • 2372
  • 0
  • 0
Vuejs2.0 文档攻略 - 组件 -传参(Props)
9月前
专辑

Vuejs2.0 文档攻略 - 组件 -传参(Props)

##使用Props属性传参 前面一节说了,组件之间,参数自上而下传递(父组件的数据通过参数接口传给子组件),而且你可以把组件抽象的理解为一个function,我们看看具体是怎么...
  • 3592
  • 0
  • 0
Vuejs2.0 文档攻略 - 组件 - 使用组件
9月前
专辑

Vuejs2.0 文档攻略 - 组件 - 使用组件

使用组件 ###全局注册 回到我们原来学过的内容: var vm = new Vue({ el: '#example', // options }) 我们已经知道怎么初始化一个Vue对象。 现在我们来学习怎么注册一...
  • 3677
  • 1
  • 0
Vuejs2.0 文档攻略 - 组件 - 基本概念
9月前
专辑

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

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

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

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

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

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

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

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

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

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

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

我们在使用Jquery的时候,处理各种元素的样式可能是最频繁的工作,在这里我们看看vue是怎么写的。 ##绑定 HTML Classes ###对象语法 <div v-bind:class="{ active:...
  • 2798
  • 2
  • 0
Vuejs2.0 文档攻略-在Html中绑定数据的语法
10月前
专辑

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

简介 Vue控制视图的方式是在html直接插入数据控件,这样做是不是很像php?简洁直观。 总的来说,在html中插入数据控件有2种方式,一种是{{}}双花括号,一种是directive,类...
  • 4084
  • 6
  • 0