vue入门

1.js前端知识了解

1.1 es的箭头函数

1.2 模块化

什么是模块化:

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

导包

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

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

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

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

1.2.1 创建一个utils.js模快

1.2.2 导入

2.认识Node

Node.js 是 js运行环境

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

2.1node.js的下载

Download | Node.js

2.2 检查安装环境

2.3 配置镜像

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

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

npm config set registry  https://mirrors.huaweicloud.com/repository/npm/   (推荐)

3. vue

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

景丰富的 Web 前端框架

官网:

Vue.js

3.1 安装-方式1    ---页面中引入:

3.2 安装-方式2  再项目中 使用命令  npm install vue@2.7.14

3.3 脚手架 vue-cli (推荐)

 使用命令: vue create 项目名

4. vue的使用

4.1 vue的单向和双向绑定

4.2 单向绑定

{{}} 插值表达式

4.3 双向绑定   v-model 双向绑定的标签