VUE项目LSSON_CODE

VUE项目

一.Axios 异步请求：

Get(url,config);

Post(url,data,config) json,headers

监听.then(success,fail) {data}

二.安装axios ( npm install axios -S )

Main.js

//引入axios并安装
import axios from 'axios';
Vue.prototype.$http=axios;

Home.vue

  //组件创建完成请求数据
  created(){
    //发送请求
    this.$http
    //get请求
    .get('/data/home.json')
    //监听数据返回
    .then(({data})=>console.log(data))
  }

三.跨域请求代理:

devServer:{port,host,open,proxy:{key:{target,pathRewrite,secure}}}

vue组件 vue-loader

样式：lang=”” scoped

Webpack extensions:[ ]

分离应用程序 render,$moute

Vue:ref this.$refs访问组件

四、Mint UI 安装，引入样式

Mt-button,mt-header,mt-search,mt-navbar,mt-tabbar,mt-tab-item,mt-tab-container,mt-tab-container-item.mt-cell,mt-popup,mt-loadmore,mt-index-section,mt-swipe,mt-swipe-item,mt-radio,mt-checklist,mt-field.mt-switch,mt-badge定义每一个成员

五、Element ui 安装，引入样式 url-loader

El-button,el-row,el-col,el-icon-,el-container,el-header,el-aside,el-main,el-footer,el-input,el-select,el-option,el-upload,

六、Vue cli

在vue项目中，我们要编译vue文件，要编译ES6文件，要编译css预编译语言等等，在项目开发之前，我们要做很大准备。Vue为了简化开发前的准备，提供了vue-cli脚手架。

安装

Vue-cli,提供工了vue指令，通过vue -v查看版本号因此要全局安装 Npm install -g @vue/cli

创建项目 vue create 项目名

Vue cli 创建项目也是基于yam管理 npm install yam

Yam 也是一个管理器，为了替代npm

在项目中，安装模块，通过yam来安装

npm安装：npm install 模块

yan安装：yam add模块

启动项目 通过yam serve 即可启动项目或者vue serve

七、目录架构