- 博客(7)
- 收藏
- 关注
RSS订阅转载 Vue.js教程6-列表渲染
v-for我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items是源数据数组并且 item 是数组元素迭代的别名。基本用法ul id="example-1">li v-for="item in items">{{ item.message }}li>ul>
2017-01-17 16:41:44
630
转载 Vue.js教程5-条件渲染
v-if在字符串模板中，如 Handlebars ，我们得像这样写一个条件块：{{#if ok}}h1>Yesh1>{{/if}}在 Vue.js ，我们使用 v-if 指令实现同样的功能：h1 v-if="ok">Yesh1>也可以用 v-else 添加一个 “else” 块：
2017-01-17 16:40:45
385
转载 vuejs教程4-Class 与 Style 绑定
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时， Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。绑定 HTML Class对象语法我们可以传给 v-
2017-01-17 16:39:09
342
转载 vuejs教程3-计算属性
计算属性在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如：div id="example">{{ message.split('').reverse().join('') }}div>在这种情况下，模板不再简单和清晰。在实现反向显示 message 之前，你应该确认它。
2017-01-17 16:36:29
585
转载 Vue.js教程2-模板语法
Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。如果你
2017-01-17 16:34:42
1204
转载 vuejs教程1-简单实例
构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的：var vm = new Vue({// 选项})虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。在实例化 Vue 时，需要传入一个选项对象，它可以包
2017-01-17 11:24:21
584
转载 turfjs:使用JavaScript编写的模块化地理空间引擎
turfjs是一个用于空间分析的JavaScript库。它包括传统的空间操作，用于创建GeoJSON数据的帮助函数，以及数据分类和统计工具。 Turfjs可以作为客户端插件添加到您的网站，也可以使用Node.js运行Turf服务器端（见下文）。大多数生产环境的推荐使用模式。例如，要安装点和缓冲区模块，请使用：安装通过node.js安装1n
2017-01-17 09:23:13
12665
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人