VUE前端学习记录一

VUE是一款单页面SPA前端js框架，其只关注前端视图层的展示问题，而不关注与后端的交互问题。

引入方式

VUE共有三种引入方式：

1. 直接下载在本地引入

2. 通过CDN引入

3. 通过npm，使用vue-cli脚手架

在当今前后端分离的开发模式下，前两种主要拥有学习时使用，第三种在企业项目中使用。

目录结构

主要模块

vue模块

vue项目中主要有VUE对象和语法模块，也是vue开发的主要功能模块，包括模板语法，条件判断，循环事件处理等。

组件模块

vue整体使用组件化开发，即每个功能模块都可以作为一个组件，即符合模块化开发思想，也有助于代码复用。一个组件模块主要包括以下三个部分，template，script，style。

不同组件之间可以进行数据通信。

vue前端路由

由于vue是一款单页面的前端开发工具，也就是说一共只有一个html页面文件，而不同的功能是通过组件化的方式进行开发的，所以需要根本不同的功能显示不同的组件，而跳转组件的功能就是路由。路由关键字

<router-link to="/跳转组件地址"><router-link>

<router-view/> //组件显示

vue 前后端通信工具 axios

因为前端需要根后端进行通信，虽然vue并不关心与后端是怎么通信的，但其提供了通信插件axios，也就是封装后的ajax；axios提供了与后端进行数据交互的能力，如果是纯前端项目则可以不使用此模块。