学习VUE前你应该了解的

一、了解 es6

1.es的箭头函数

1.1 一个参数

1.2 两个参数

//箭头函数写法-加业务处理(多行)var print2= (a,b)=> {console.log(a + b);console.log(a + b);}//调用print2(1,2)

2. js的模块化

什么是模块化

模块化就是把代码进行拆分,方便重复利用。类似java中的导包:要使用一个包,必须先导包

而JS中没有包的概念,换来的是 模块。

模块功能主要由两个命令构成:export和import。

• export命令用于规定模块的对外接口,

• import命令用于导入其他模块提供的功能。

例子:

  • 创建模块并导出

  • 导入模块

二、认识Node

Node.js 是 js运行环境

npm是Node.js的默认包管理器

1.1安装node:

https://nodejs.org/en/download/

1.2 检查安装环境

1.3 配置淘宝镜像

npm默认的仓库地址是在国外网站,速度较慢,建议大家设置到淘宝镜像

npm config set registry https://registry.npm.taobao.org

1.4 npm

安装完node, npm 默认就已经被安装

三、了解MVVM 模型:

四、 认识vue

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,易学易用,性能出色,适用场景丰富的 Web 前端框架

官网:https://cn.vuejs.org/v2/guide/

五、 创建第一个vue案例

1. 创建一个项目

2.在项目中创建html

3.html中引入vue.js

4. 创建div

你好,{{name}},年龄是:{{age}} 

5.创建vue实例

6.运行

7. 建议安装vue的插件

vue-devtools6.14.crx

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章