-
vue create app01; //创建一个项目
-
npm install ;//安装依赖
-
npm run serve; //启动项目
-
安装必要的组件,如axios,router,element等
4.1. 安装axios:
1》npm install axios --save-dev
出现如下结果,则安装成功
2》在main.js中引入axios
3》即可使用axios -
引入element-ui
1》安装:npm install element-ui --save
2》在main.js中配置
3》使用 -
引入iconfont字体图标库
1》在官网下载相关图标,加入购物车,下载至本地,
2》在main.js中导入即可import ‘./iconfont/iconfont.css’//引入图标 -
安装并使用router
1》npm install vue-router --save
2》在src下创建文件夹router文件夹,在里面创建index.js
在里面导入vue和vue-router以及需要根据不同 url 地址显示的组件,如下图所示
import Vue from 'vue';
import Router from 'vue-router';
import Login from "../views/login/index";
import MakeCall from "../views/makeCall/index";
Vue.use(Router);
export default new Router({
mode: "hash",
routes: [
{
path: "/",
name: "Login",
component: Login,
},
{
path: "/makecall",
name: "makecall",
component: MakeCall,
},
],
});
3》在根目录的 App.vue 文件中使用 vue-router 提供的默认标签 来导入路有文件。
4》最后,我们需要在根目录下的 main.js 文件中,注册 router 组件:
- 引入并使用vuex
1》安装:
npm install vuex --save
2》在src下创建一个store文件夹,下面创建一个index.js
在index.js中引入vue和vuex
import vue from 'vue'
import vuex from 'vuex'
vue.use(vuex)
3》在main.js中挂载