vue项目搭建通过vue-cli包括组件路由的使用实现基本的前端项目全流程

简介github上项目地址:https://github.com/comonly/javaweb_blog/tree/master/blog_diverse_frontend 1. 项目通过:vue init webpack project-name 自动构建。 2. 使用 axios 异步请求数据。 3. 样式使用 ElementUI。 利用vue-cli来搭建vue项目——通过npm创建一个vue项目:http://comonly.cn/p/1030

github上项目地址:https://github.com/comonly/javaweb_blog/tree/master/blog_diverse_frontend


1. 项目通过:vue init webpack project-name 自动构建。
2. 使用 axios 异步请求数据。
3. 样式使用 ElementUI。


利用vue-cli来搭建vue项目——通过npm创建一个vue项目:http://comonly.cn/p/1030.html


src目录main.js文件中配置需要用到的工具。

同时要在 package.json 文件中添加需要的 模块 。

"dependencies": {
"vue": "^2.5.2",
"vue-router": "^3.0.1",
"element-ui": "^2.4.8",
"axios": "^0.18.0",
"vue-axios": "^2.1.4"
}


接着在src/components目录下创建组件。

然后在src/router目录下添加路由。

新加评论 评论标题:

文章评论

    src目录main.js文件

        2019-10-27    
    修改 删除
    // The Vue build version to load with the `import` command
    // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
    import Vue from 'vue'
    import App from './App'