会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
爱吃鱼摆摆
Powered by
博客园
博客园
|
首页
|
新随笔
|
联系
|
订阅
|
管理
2017年1月12日
vue基础八
摘要: 表单控件绑定 1.基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。 1.1文本 <input v-model="message" placeholder="e
阅读全文
posted @ 2017-01-12 17:31 爱吃鱼摆摆
阅读(134)
评论(0)
推荐(0)
编辑
vue基础七
摘要: 事件处理器 1.监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 <div id="example-1"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次
阅读全文
posted @ 2017-01-12 16:39 爱吃鱼摆摆
阅读(606)
评论(0)
推荐(0)
编辑
vue基础六
摘要: 列表渲染 1.v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法(也可以用of代替in), items是源数据数组并且 item 是数组元素迭代的别名。 1.1基本用法 <ul id="example-1"> <l
阅读全文
posted @ 2017-01-12 16:14 爱吃鱼摆摆
阅读(678)
评论(0)
推荐(0)
编辑
vue基础五
摘要: 条件渲染 1.v-if 1.1<template>中v-if条件组 因为 v-if 是一个指令,需要将它添加到一个元素上。但是如果我们想切换多个元素呢?此时我们可以把一个<template> 元素当做包装元素,并在上面使用 v-if,最终的渲染结果不会包含它。 <template v-if="ok"
阅读全文
posted @ 2017-01-12 15:36 爱吃鱼摆摆
阅读(161)
评论(0)
推荐(0)
编辑
vue基础四
摘要: 1.绑定Html Class(在 v-bind 用于 class 和 style 时, Vue.js 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组) 1.1对象语法 传给v-bind:class一个对象,可以动态切换class。<div v-bind:class="{ activ
阅读全文
posted @ 2017-01-12 14:53 爱吃鱼摆摆
阅读(99)
评论(0)
推荐(0)
编辑
vue基础三
摘要: 1.模板语法 在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染(render)函数,使用可选的 JSX 语法。 1.1插值 #文本 数据绑定最常见的形式就是使用 “Mustache” 语法(
阅读全文
posted @ 2017-01-12 14:19 爱吃鱼摆摆
阅读(277)
评论(0)
推荐(0)
编辑
vue基础二
摘要: 1.vue实例 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的。在实例化 Vue 时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。 可以扩展 Vue 构造器,从而用预定义选项创建可复用的组件构造器,所有的 Vue.js 组件其
阅读全文
posted @ 2017-01-12 11:42 爱吃鱼摆摆
阅读(102)
评论(0)
推荐(0)
编辑
vue基础一
摘要: 1.声明式渲染 vue.js核心是允许你采用简洁的模板语法来声明式的将数据渲染进DOM系统。通过{{}}绑定DOM内容和vue实例的某属性内容,通过v-bind指令绑定元素的某个属性和vue实例的某个属性。 2.条件与循环 控制一个元素显示或者隐藏,只需要给元素添加v-if="seen",在vue实
阅读全文
posted @ 2017-01-12 10:21 爱吃鱼摆摆
阅读(153)
评论(0)
推荐(0)
编辑