- 博客(6)
- 收藏
- 关注
原创 列表渲染
用v-for把一个数组对应为一组元素: 在v-for块中,我们拥有对父作用域属性的完全访问权限,v-for还支持一个可选的第二个参数为当前项的索引。 v-for="(item, index) in items" items 是源数据数组并且 item 是数组元素迭代的别名。 一个对象的v-for---可以用v-for通过一个对象的属性来迭代! ul
2018-01-31 11:46:35 390
原创 vue学习笔记---class与style绑定以及条件渲染
绑定HTML Class#对象语法我们可以传给 v-bind:class一个对象,以动态切换class<div v-bind:class="{ active: isActive }"></div>上面的语法表示active这个class存在与否取决于属性isActive的truthiness,可以在对象当中传入多个属性来动态切换classv-bind:class 指令也可以...
2018-01-30 16:26:53 1406
原创 vue学习笔记---计算属性和观察者
计算属性模板内的表达式非常便利,但是设计他们的初衷是用于简单运算的。在模板中加入太多的逻辑会让模板过重且难以维护,<div id=“example”> {{message.split('').reverse().join('')}}</div>在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板...
2018-01-30 14:57:01 220
原创 vue学习笔记---vue实例
每一个Vue应用都是通过Vue函数创建一个Vue实例开始的:var vm=new Vue({});虽然没有完全遵循MVVM模型,但是vue的设计也受到了它的启发。因此在文档中会经常使用vm(View Model的缩写)变量名表示vue的实例;当创建一个vue实例时,你可以传入vue一个选项对象,那么我们如何用这些选项对象来创建你想要的行为呢!一个vue应用由一个通过new view创建的根vue实...
2018-01-24 14:47:31 533
原创 vue---元素样式切换demo
<template> <div v-bind:class="{my_base_class:check_in==true,my_click_class:check_in==false}" @click="handel_class">请点击我</div> </template> <style> .my_base_cla
2018-01-23 13:46:53 839
原创 vue 学习
一.声明式渲染:文本插值vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进DOM系统:<div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })这跟渲染一个字符串模板非常类似,但是vue在...
2018-01-22 15:04:22 201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人