资讯专栏INFORMATION COLUMN

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记(

ThinkSNS / 1654人阅读

摘要:创建项目直接在工作空间下用来创建安装依赖执行成功的话讲出现这个画面正式开始写项目首先修改项目结构目前的结构新建一个文件夹,用来管理部分状态,比如登录里面新建一个新建一个文件夹,用来写的请求借口里面放一个新建一个文件夹,用来存放或模拟数据,

创建项目 learn

直接在工作空间下用vue-cli来创建
vue init webpack learn

安装依赖


执行
cnpm i
cnpm run dev

成功的话讲出现这个画面

正式开始写项目

1、首先修改项目结构
目前的结构

新建一个vuex文件夹,用来管理部分状态,比如 登录

里面新建一个store.js

新建一个api文件夹,用来写axios的请求借口,里面放一个api.js

新建一个data文件夹,用来存放或模拟数据,放一个data.js

里面放空内容就行

现在的结构

2、在main.js里面引入vuex element等

3、修改App.vue文件代码,确认element是否引入成功
代码
输出:
说明是没有问题的

组件规划和写路由结构 预想中要实现的功能:

主页 home

商品展示 products

使用帮助 FAQ

用户操作 manger

用户信息 manger/my

发货管理 manger/send

历史发货 manger/history

登录 login

注册 regin

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89711.html

相关文章

  • Vue入坑笔记

    摘要:近段时间常使用开发,写点记录,避免时间久之忘了。安装教程查看是否已安装,在中输入若已安装则输出版本号。继承报错可能是文件路径问题。当和继承的不同时在文件夹内外的话,会出现该错误。 近段时间常使用vue-cli开发,写点记录,避免时间久之忘了。 环境 1. nodejs  vue-cli开发基于nodejs环境,确保开发的环境中已安装了nodejs。  安装教程 https://www....

    superw 评论0 收藏0
  • vue+node+mysql搭建个人博客(一)

    摘要:其中用来完成请求,将添加的原型上后就不需要再在每个需要使用它的页面引入了每个页面都相当于一个组件,文件以结尾,第一次启动成功时看到的页面就是组件,路径。 学习笔记...在线地址:cl8023.com github 数据库已改为mongodb 快速搭建 node 后端服务Github-quick-node-server 准备工作 安装node,这是必须的 新版node自带npm...

    peixn 评论0 收藏0
  • vue2.0+axios+mock+axios-mock+adapter实现登陆

    摘要:做项目过程中,需要用到后台模拟数据,在机缘巧合下发现了,在学习使用的过程中又偶遇了。 做项目过程中,需要用到后台模拟数据,在机缘巧合下发现了mock,在学习使用的过程中又偶遇了axios-mock-adapter。现在将实例展示如下: 准备 实例是建立在vue-cli的基础上实现需要提前安装的插件有:axios:npm install axio --savemockjs:npm ins...

    RancherLabs 评论0 收藏0
  • vue学习笔记(五)

    摘要:各模块各司其职,提高开发效率。使用生成的项目目录里,我们主要关注目录。这个是我们之前提到的单页面组件。这是项目的路由文件,存放项目中所有的路由。这里和我们之前所学没什么不同,不过是涉及了不少的知识。 一、vue模块化开发 所谓的模块化开发是指将不同的部分封装到不同的模块中,不再将所有的组件、路由等写在一个页面中。各模块各司其职,提高开发效率。 使用vue-cli生成的项目目录里,我们主...

    shusen 评论0 收藏0
  • vue学习笔记(五)

    摘要:各模块各司其职,提高开发效率。使用生成的项目目录里,我们主要关注目录。这个是我们之前提到的单页面组件。这是项目的路由文件,存放项目中所有的路由。这里和我们之前所学没什么不同,不过是涉及了不少的知识。 一、vue模块化开发 所谓的模块化开发是指将不同的部分封装到不同的模块中,不再将所有的组件、路由等写在一个页面中。各模块各司其职,提高开发效率。 使用vue-cli生成的项目目录里,我们主...

    paulquei 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<