美文网首页
vue饿了么学习--文件目录

vue饿了么学习--文件目录

作者: Monee121 | 来源:发表于2018-03-30 17:21 被阅读0次

一、首先创建一个vue项目,如:my-vue,其代码结构如下:


image.png

由上图分析每个文件的作用:


image.png
二、我们主要工作src文件夹的分析结构如图:
image.png

这是src文件夹下面的初始情况,里面有一些示例代码之类的。比如,它吧logo放在assets文件夹里面。我个人很不喜欢这么做,因为代码是代码,资源是资源,各归其位比较好。
commponents 目录里面放了一个演示的组件文件,你可以打开看下。当然,也可以直接删除,然后根据我的博文往下走。
App.vue 是项目入口文件。当然,我们需要改造,改造成我们可以使用的样子的。
main.js 这是项目的核心文件。全局的配置都在这个文件里面配置。

整理目录

下面,我们开始动手,把不想管的干掉,然后把src变成这个样子:

相关文章

  • vue饿了么学习--文件目录

    一、首先创建一个vue项目,如:my-vue,其代码结构如下: 由上图分析每个文件的作用: 这是src文件夹下面的...

  • 基于Vue的Ui框架

    饿了么公司基于vue开的的vue的Ui组件库 Element Ui 基于vue pc端的UI框架饿了么 Mint...

  • 前端UI框架

    1. Vue ElementUI是由饿了么UED设计、饿了么前端团队开发的,基于Vue2.0的桌面端组件库。Vue...

  • Vue2.0 spa 项目中mock数据

    我是通过学习滴滴大神黄轶提供的模仿饿了么项目来学习vue构建spa项目的,所以以饿了么数据举例(在此特别感谢大神们...

  • 用Node.js做个简单爬虫,爬点嘿嘿嘿的东西~

    之前有用Vue全家桶写过一个低配版饿了么eleme-vue2,之后就跑去学node.js,Vue饿了么也就被我抛在...

  • vue饿了么学习--资料笔记

    http://www.zhangxinxu.com/wordpress/2012/08/window-device...

  • vue饿了么学习--mock数据

    最近在看《Vue.js高仿饿了么外卖App 最火前端框架 1.0升级2.0-慕课网》的视频,这个视频使用的是vue...

  • vue(6) - 收藏集 - 掘金

    低仿饿了么 H5 - 纯前端 Vue 版 + 手把手教学 - 前端 - 掘金低仿饿了么H5-纯前端Vue版+手把手...

  • 2018-09-30

    简说Vue (组件库) https://github.com/ElemeFE/element" 饿了么出品的VUE...

  • Vue UI框架比较(PC端)

    最好基于vue2.0 因为用过的是饿了么UI,所以比较以饿了么UI为标准 1. element UIelement...

网友评论

      本文标题:vue饿了么学习--文件目录

      本文链接:https://www.haomeiwen.com/subject/ysmicftx.html