2017 年 1月 12 日随笔档案 - 爱吃鱼摆摆

vue基础八

摘要：表单控件绑定 1.基础用法你可以用 v-model 指令在表单控件元素上创建双向数据绑定。尽管有些神奇，但 v-model 本质上不过是语法糖，它负责监听用户的输入事件以更新数据，并特别处理一些极端的例子。 1.1文本 <input v-model="message" placeholder="e 阅读全文

posted @ 2017-01-12 17:31 爱吃鱼摆摆阅读(144) 评论(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 爱吃鱼摆摆阅读(625) 评论(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 爱吃鱼摆摆阅读(693) 评论(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 爱吃鱼摆摆阅读(170) 评论(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 爱吃鱼摆摆阅读(109) 评论(0) 推荐(0)

vue基础三

摘要： 1.模板语法在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量，你也可以不用模板，直接写渲染（render）函数，使用可选的 JSX 语法。 1.1插值 #文本数据绑定最常见的形式就是使用 “Mustache” 语法（阅读全文

posted @ 2017-01-12 14:19 爱吃鱼摆摆阅读(283) 评论(0) 推荐(0)

vue基础二

摘要： 1.vue实例每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例启动的。在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。可以扩展 Vue 构造器，从而用预定义选项创建可复用的组件构造器，所有的 Vue.js 组件其阅读全文

posted @ 2017-01-12 11:42 爱吃鱼摆摆阅读(110) 评论(0) 推荐(0)

vue基础一

摘要： 1.声明式渲染 vue.js核心是允许你采用简洁的模板语法来声明式的将数据渲染进DOM系统。通过{{}}绑定DOM内容和vue实例的某属性内容，通过v-bind指令绑定元素的某个属性和vue实例的某个属性。 2.条件与循环控制一个元素显示或者隐藏，只需要给元素添加v-if="seen",在vue实阅读全文

posted @ 2017-01-12 10:21 爱吃鱼摆摆阅读(163) 评论(0) 推荐(0)

2017年1月12日