ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Vue创建

2022-03-30 11:32:24  阅读:50  来源: 互联网

标签:npm axios vue 创建 element Vue import


一、创建Vue    

               ---Cmd控制台输出 或  在Vue终端编辑  执行方式一、方式二命令

     方式一:   vue  init  webpack  项目名称               运行:npm start /npm run serve

   方式二: vue ui  浏览器打开进行创建编辑         运行:npm run serve  

   

二、安装组件Element和安装axios

1、引用ElementUI,官网: https://element.eleme.cn/#/zh-CN/component/installation

    • 安装elementui命令: npm i element-ui -S
    • 在 main.js 中写入以下内容:

              import ElementUI from 'element-ui';

              import 'element-ui/lib/theme-chalk/index.css';

     Vue.use(ElementUI);

2、引用Axios,官网: http://www.axios-js.com/zh-cn/docs/vue-axios.html

    • 安装Axios命令: npm install --save axios vue-axios
    • 在 main.js 中写入以下内容:

第一种:

import axios from 'axios'

import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

使用时用法:  this.axios.get/post/delete/put(Url).then(res=>{})

第二种:在原型链上挂载axios

Vue.prototype.$axios=axios;

使用时用法:this.$axios.get/post/delete/put(Url).then(res=>{})

三、

标签:npm,axios,vue,创建,element,Vue,import
来源: https://www.cnblogs.com/ZhuMeng-Chao/p/16076111.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有