for ...of 语句 "use strict"; var name = ['a','b','c']; var mark = [1, 2, 3]; for(var i of name){ // console.log(i); }array的回调函数参数依次为value,index,array: var name = ['a','b','c'];name.forEach(function (element, ind, ss) { console.log(element); consol…

前言 以前没怎么接触前端对JavaScript 的异步操作不了解,现在有了点了解一查,发现 python 和 JavaScript 的协程发展史简直就是一毛一样! 这里大致做下横向对比和总结,便于对这两个语言有兴趣的新人理解和吸收. 共同诉求 随着cpu多核化,都需要实现由于自身历史原因(单线程环境)下的并发功能 简化代码,避免回调地狱,关键字支持 有效利用操作系统资源和硬件:协程相比线程,占用资源更少,上下文更快 什么是协程 总结一句话, 协程就是满足下面条件的函数: 可以暂停执行(暂停的表达…

六,条件渲染 v-if 添加一个条件块 <h1 v-if="ok">Yes</h1> 也可以用v-else 添加else 块 <template> 中 v-if条件组 因为v-if 是一个指令,需要将它添加到一个元素上,但是如果我们想切换多个元素呢可以把一个<template> 元素当做包装元素,并在上面使用v-if,最终的渲染结果不会包括它. <template> <h1>Title</h1> <…

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> var example1 = new Vue({ el…

1.MVVM模式 MVVM模式(Model-View-ViewModel)的运作如下图: 1)上图解析:ViewModel是Vue.js的核心,它是一个Vue实例.Vue实例是作用于某一个HTML元素上的,这个元素可以是HTML的body元素,也可以是指定了id的某个元素. 当创建了ViewModel后,双向绑定是如何达成的呢? 首先,我们将上图中的DOM Listeners和Data Bindings看作两个工具,它们是实现双向绑定的关键. 从View侧看,ViewModel中的DOM Lis…

一.条件渲染 1.1.v-if 在字符串模板中,如 Handlebars ,我们得像这样写一个条件块: <!-- Handlebars 模板 --> {{#if ok}} <h1>Yes</h1> {{/if}} 在 Vue.js ,我们使用 v-if 指令实现同样的功能: <h1 v-if="ok">Yes</h1> 也可以用 v-else 添加一个 “else” 块: <h1 v-if="ok"&…

VUE 它是一个构建用户界面的JavaScript框架vue指令: 是带有v-前缀的特殊属性,通过属性来操作元素 v-text:在元素当中插入文本 eg:属性值会覆盖自己插入的值 //插入一段文本<div id="app"> <p v-text="message"></p> </div> <script> var vm = new Vue({ el:'#app', data:{ message:'hello…

本篇目录: 5.1 基本指令 5.2 条件渲染指令 5.3 列表渲染指令 v-for 5.4 方法与事件 5.5 实战:利用计算属性.指令等知识开发购物车 回顾一下第2.2节,我们己经介绍过指令(Directive)的概念了,Vue.js的指令是带有特殊前缀v-的HTML特性,它绑定一个表达式,并将一些特性应用到DOM上. 其实我们已经用到过很多Vue内置的指令,比如v-html.v-pre,还有上一章的v-bind. 本章将继续介绍Vue.js中更多常用的内置指令. 5.1 基本指令 5.1.…

1. Vue实例及选项 1.1 创建Vue实例(new Vue instance) 每个Vue Application必须创建一个root Vue Instance. <script> var vm = new Vue({ }); </script> 一个Vue实例相当于一个MVVM模式中的ViewModel.在创建Vue实例时,可以传入一个选项对象,包含数据.模板.挂载元素.方法.生命周期钩子等选项. Vue.js通过构造函数Vue{ option }创建一个Vue实例: var…

目录 前言: iview组件库示例 element组件库示例 Vue的介绍 兼容性: 学习Vue需要的前置知识: MVVM模型 补充: 安装/导入 导入Vue 安装 两种方式的区别: HelloWorld示例 代码分析: 代码效果: 实例中可以定义的内容 定义数据 定义方法methods 生命周期与生命周期钩子函数 补充: 渲染 插入文本 v-text v-html 用v-bind绑定属性: v-bind的简写 把对象的所有属性绑定到元素: 条件渲染 循环 计算属性 与函数的区别 与侦听属性的区…