随笔分类 - Vue学习
数据驱动视图
摘要：node.js环境依赖 node的版本要大于8.9。最新很多依赖，都会需要8.9以上的版本 安装webpack。 指定版本号，vue cli2依赖该版本 安装前确认一下，是否已经安装过了 本地安装开发依赖 由于国内的网络问题，建议使用国内镜像来安装部署相应的环境。 nrm的安装使用 作用：提供了一些
阅读全文
摘要：1 import Vue from 'vue' 2 import App from './App.vue' 3 import VueRouter from 'vue-router' 4 //1、定义路由组件 5 //可以从其他文件导入进来 6 import Vmain from './compone
阅读全文
摘要：C:\Users\Administrator>npm install -g vue-cli npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) C:
阅读全文
摘要：https://cn.vuejs.org/v2/guide/components-registration.html#%E7%BB%84%E4%BB%B6%E5%90%8D 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="
阅读全文
摘要：--> {{msg}} {{msg}} {{2222}} {{2+8}} {{1>2?"真的":"假的"}} 这是用来测试v-if 命...
阅读全文
摘要：打开Nodejs英文网：https://nodejs.org/en/ 中文网：http://nodejs.cn/ 我们会发现这样一句话： 翻译成中文如下： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O
阅读全文
摘要：JavaScript 语言中，生成实例对象的传统方法是通过构造函数。 上面这种写法跟传统的面向对象语言（比如 C++ 和 Java）差异很大，很容易让新学习这门语言的程序员感到困惑。 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义
阅读全文
摘要：基本语法： ES6允许使用“箭头”（=>）定义函数 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 使用箭头函数注意点： 箭头函数有几个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 我们发现，打印的结果为 此时this指向的是使用它
阅读全文
摘要：模板字符串 传统的JavaScript语言，输出模板通常是这样的写的。 上面这种写法相当繁琐不方便，ES6 引入了模板字符串解决这个问题。 模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量 上
阅读全文
摘要：起步 1.扎实的HTML/CSS/Javascript基本功，这是前置条件。 2.不要用任何的构建项目工具，只用最简单的<script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。 另外在这里大家补充点ES6的语法
阅读全文
摘要：1.setTimeout/ setInterval 场景一 ：this指向改变无法用this访问vue实例 解决方法 :使用箭头函数或者缓存this 1 //箭头函数访问this实例因为箭头函数本身没有绑定this 2 setTimeout(() => { 3 console. log(this);
阅读全文
摘要：Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。 1 <
阅读全文
