学vue前应该先学什么？学习VUE前你应该了解的

学vue前应该先学什么？学习VUE前你应该了解的npm是Node.js的默认包管理器Node.js 是 js运行环境• export命令用于规定模块的对外接口，• import命令用于导入其他模块提供的功能。例子：

一、了解 es61.es的箭头函数1.1 一个参数

<script> //普通的写法 var print = function (obj) { console.log(obj); } //箭头函数写法 var print2= obj=>console.log(obj); //调用 print2("abc") </script>1.2 两个参数

<script> //普通的写法 var print = function (a b) { console.log(a b); } //箭头函数写法 var print2= (a b)=>console.log(a b); //调用 print2(1 2) </script> //箭头函数写法-加业务处理（多行） 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.org1.4 npm

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

三、了解MVVM 模型：

四、 认识vue

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

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

五、 创建第一个vue案例1. 创建一个项目2.在项目中创建html3.html中引入vue.js

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>4. 创建div

<div id="app"> 你好 {{name}} 年龄是：{{age}} <input v-mode="msg"> </div>5.创建vue实例

<script> //创建vue实例 new Vue({ el:"#app" //绑定视图 data:{ name:"vue" //模型数据 age:12 msg:'' } }) </script>6.运行

7. 建议安装vue的插件

vue-devtools6.14.crx