郭英义的家并不在城内,而在北郊的一座庄园里,当然,他在成都也有府邸,但他却嫌府邸太小,无法打马球,便举家迁到郊外,建造了一座占地一百五十亩的庄园,仅一座马球场便有百亩之大,每天傍晚,他都要举行一场女子马球赛,马球场上红缨舞动,娇声呵斥,看得郭英义呵呵大笑。

武当七侠资质各有不同,悟性也有不同,所以武学修为也有高低,他们是最早跟随张三丰的。

减肥最好的方法不花钱

艾斯德斯的控制力越强,修为越高,肉身越强,混元长河越强,那么施展出混元变之后提升就越大,这一种提升不是以个位数来提升的,而是动不动就呈现数十倍的提升肉身强度,这还只是一开始艾斯德斯还是筑基期,混元长河还不够强大的情况下。
而凌澈则是在这一路上向叶扬讲述了应该注意的事项,这秦皇陵甚是古怪,不只是硬着头皮往里冲就行,据说里面还有着迷宫和暗桩。不过叶扬对此倒不怎么在意,若是有迷宫的话,他直接一路打穿了就行了。

连日的厮杀,整个人完全处于一种精神高度集中的状态,人始终是人,林风也不例外,此时,更想找个地方好好的喝一点酒,然后睡上一觉。

三、VueJs 填坑日记之项目文件认识


上一篇博文,我们搭建了一套基础的vuejs的环境,首先安装node.js,然后利用npm包管理器,安装vue-cli,设置淘宝镜像,初始化项目,安装依赖,运行。在这一篇,我们将认识vuejs项目里的各个目录结构。

基础项目目录

build	// 编译配置文件,一般不用管
    |-build.js
    |-check-versions.js
    |-logo.png
    |-utils.js
    |-vue-loader.conf.js
    |-webpack.base.conf.js
    |-webpack.dev.conf.js
    |-webpack.prod.conf.js
    |-webpack.test.conf.js
config	// 项目基本设置文件夹
    |-dev.env.js	// 开发配置文件
    |-index.js	// 配置主文件
    |-prod.env.js	// 编译配置文件
node_modules	// 项目依赖包文件夹
src	// 我们的项目的源码编写文件
    |-assets	// 初始项目资源目录,回头删掉
    |-components	// 组件目录
    |-HelloWorld.vue	// 测试组件
    |-router	// 路由配置文件夹
    |-index.js	// 路由配置文件
    |-App.vue	// APP入口文件
    |-main.js	// 主配置文件
static	// 资源放置目录
index.html	// 项目入口文件
package.json	// 项目依赖包配置文件

上面就是vuejs项目初始化后的目录结构,我们一般情况下,只需要关注src和static资源目录就可以了,其它目录大多都是一些配置信息,不需要太费精力的关注。

配置SRC目录

src
    |-api	// 接口调用工具文件夹
        |-index.js	// 接口调用工具
    |-components	// 组件文件夹,目前为空
    |-config	// 项目配置文件夹
        |-index.js	// 项目配置文件
    |-frame	// 子路由文件夹
        |-frame.vue	// 默认子路由文件
    |-pages	// 我们的页面组件文件夹
        |-Index.vue
        |-Content.vue	
    |-router	// 路由配置文件夹
        |-index.js	// 路由配置文件
    |-style	// scss 样式存放目录
        |-base	// 基础样式存放目录
        |-scss	// 页面样式文件夹
        |-style.scss	// 主样式文件
    |-utils	// 常用工具文件夹
    |-App.vue	// APP入口文件
    |-main.js	// 项目配置文件        

将目录结构按上面的层级配置完成后,不要着急运行项目,这个时候由于删除了一些文件夹,项目是跑不起来的。

配置staitc资源目录

static
    |-css	// 放一些第三方的样式文件
    |-font	// 放字体图标文件
    |-images	// 放图片文件,如果是复杂项目,可以在这里面再分门别类
    |-js	// 放一些第三方的JS文件,如 jquery

对于一些不经常修改变动的css和js咱们统一放到static目录里,因为在src里面的文件,将来每次打包时都会对其进行打包,而文件特别多的情况下,打包会变的特别慢。

调整App.vue
上面我们进行的是一些目录结构的设置,现在我们对文件进行修改配置,使项目重新运行起来。首先将App.vue调整成如下代码:

<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    name: "app"
}
</script>

<style lang="scss">
    @import "./style/style";	<!--在这里我们直接导入主样式文件-->
</style>    

注意上面使用了lang="scss",这是因为我们使用了 scss 文件预编译,所以我们要安装scss的npm包。

cnpm install sass-loader -D
cnpm install node-sass -D

 

 

 

调整Index.vue和Content.vue
src/pages/Index.vue

<template>
    <div>index page</div>
</template>

 

src/pages/Content.vue

<template>
<div>content page</div>
</template>

暂时先写如上代码,后面会对上面代码进行讲解和丰富。

 

调整 router 路由文件
打开src/router/index.js,目前文件是这样的,也是默认的,我们并没有做过任何修改。

import Vue from "vue"
import Router from "vue-router"
import HelloWorld from "@/components/HelloWorld"

Vue.use(Router)

export default new Router({
    routes: [
        {
            path: "/",
            name: "HelloWorld",
            component: HelloWorld
        }
    ]
})

调整为如下代码:

import Vue from "vue"
import Router from "vue-router"
import Index from "@/pages/Index"
import Content from "@/pages/Content"

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: "/",
      component: Index
    },
    {
      path: "/Content/:id",
      component: Content
    }
  ]
})

上面的/就是默认的意思,这里默认显示我们的Index.vue,而大家可能会对Content/:id有疑问,因为咱们做的是一个列表,然后点击列表中具体的某一条,就进入到了内容页面。而:id就是vuejs路由的动态路由配置。我们用id来区分显示不同的内容。

上些工作做完, 我们的项目就基本配置好了,这个时候来启动我们的项目

cnpm run dev

当出现上图,则表示启动成功,如果有ERROR则表示失败,请仔细检查上面的各个文件的内容是否书写有错。启动成功我们打开浏览器,输入http://localhost:8080,如果看到以下界面,则说明和我的项目是一样的。


本篇文章大部分内容摘抄至FungLeo博客,忠心感谢FungLeo,是你们无私的奉献,才让我们有了学习的参考,以下是地址:
http://blog.csdn.net/FungLeo/article/details/77585205

当前文章:http://hnhdqp.com/content/2018-11/18/content_35142.html

发布时间:2018-12-15 05:40:39

在家带孩子学点什么好 月薪4千投资 羊毛党贴吧 小学生网上兼职靠谱吗 广东大学生兼职论坛 大学生兼职求职简历 is语音网络兼职 寻医问药网招聘兼职

编辑:安乙

相关新闻

净水器代理哪个牌子好 细节成就大未来

2018-12-15 02:47:35

呼和浩特荷收工作室

云盘进行云存储安全备份有什么好处?

2018-12-15 04:17:57

佛山蛋冠吵网络科技

传苏宁已与满座网达成收购协议 交易金额未知

2018-12-15 02:41:56

运城祷刹工程有限公司

科技部:京津冀雾霾内外因叠加 治理无需30年

2018-12-15 03:18:19

珠海视幻电子有限公司

热门推荐

  • 今年超流行打底衫,是不是你的菜
  • 巴法院对前总理谢里夫发逮捕令 11月3日为听证会
  • 关于收藏 这些博物馆你肯定不知道
  • 《真龙霸业》上线火爆 爆笑盘点中外战役教你逆袭成王
  • 阿根廷大豆现货市场价格下跌 农户们忧心忡忡
  • 北京警方打掉6个医院“号贩子”团伙 依法拘留54人
  • 《黑暗与光明》新增混沌测试服 万圣折扣限时同步开启
  • 游泳中央:宁泽涛未能入选游泳世锦赛名单
  • 土耳其抓获5名图谋发动袭击的“伊斯兰国”武装分子
  • 外媒:叙政府与阿勒颇反政府武装告竣新协议
  • 河北新闻网版权所有 本站点信息未经允许不得复制或镜像 法律顾问:招聘网上兼职做任务 花生日记赚钱靠谱吗
  • 能打字赚钱的网站 copyright ? 2000 - 2016
  • 新闻热线:0311-67563366 广告热线:0311-67562966 新闻投诉:0311-67562994
  • 冀ICP备 09047539号-1 | 互联网新闻信息服务许可证编号:1312006002
  • 广播电视节目制作经营许可证(冀)字第101号|信息网络传播视听节目许可证0311618号
  • 电脑下载赚钱平台 网上兼职刷单可信吗 合作挣钱 如何手机挣钱