黑馬vue商城 day06 訂單管理和專案視覺化

2021-10-25 16:53:17 字數 3258 閱讀 6409

新建乙個citydata.js檔案 ,裡面存放城市的基本資訊

然後在 裡面引入

import citydata from

'./citydata.js'

data()

},

timeline

>

v-for

="(activity, index) in progressinfo"

:key

="index"

:timestamp

="activity.time"

>

}el-timeline-item

>

el-timeline

>

先導入 依賴

>

>

separator-class

="el-icon-arrow-right"

>

:to=

"">

首頁el-breadcrumb-item

>

>

資料統計el-breadcrumb-item

>

>

資料包表el-breadcrumb-item

>

el-breadcrumb

>

>

"main"

style

="width

: 600px;

height

:400px;

">

div>

el-card

>

div>

template

>

>

// 1.匯入 echarts

import

*as echarts from

"echarts"

export

default},

methods:

,created()

,mounted()

, tooltip:

, legend:

, xaxis:

, yaxis:

, series:

}// 5.展示資料

mychart.

setoption

(option)}}

script

>

lang

="less"

scoped

>

style

>

>

>

separator-class

="el-icon-arrow-right"

>

:to=

"">

首頁el-breadcrumb-item

>

>

資料統計el-breadcrumb-item

>

>

資料包表el-breadcrumb-item

>

el-breadcrumb

>

>

"main"

style

="width

: 600px;

height

:400px;

">

div>

el-card

>

div>

template

>

>

// 1.匯入 echarts

// 4.準備資料和配置項

const result = _.

merge

(res.data,

this

.options)

// 5.展示資料

mychart.

setoption

(result)}}

script

>

lang

="less"

scoped

>

style

>

// 匯入對應的 js 和 css

import nprogress from

"nprogress"

import

"nprogress/nprogress.css"

// 在 request ***中,展示進度條 nprogress.start();

axios.interceptors.request.

use(config =>

)// 在 response ***中,隱藏進度條 nprogress.done();

axios.interceptors.response.

use(config =>

)

babel.config.js

module.exports =],

"transform-remove-console"

]}

// 這是專案發布階段需要用到的 babel 外掛程式

const prodplugins =

if(process.env.

node_env

==='production'

)module.exports =],

// 發布產品時候的外掛程式陣列

...prodplugins

]}

Vue基本語法day06

一.通訊機制 1.父傳子 1.1 通過屬性,父元件將資料傳遞給子元件 msg pmsg 1.2 子元件通過 props 配置項,指定一下要接收的資料 props msg 2.子傳父 2.1 父元件準備乙個方法 methods 2.2 通過自定義事件,將方法傳遞給子元件 子元件接收一下 fn pfn ...

day06記憶體管理 檔案管理

2 記憶體管理函式的層次關係 檔案管理 1 brk函式 include int brk void addr 函式功能 主要用於調整動態記憶體的大小,具體的調整方式如下 當addr 原來的末尾位址時,表示申請動態記憶體 當addr 原來的末尾位址時,表示動態記憶體不變 當addr 原來的末尾位址時,表...

Vue課程學習筆記 day06

0 課調 1 切屏速度較快 2 知識點的過渡 3 上課互動 4 全域性作用域 區域性作用域 塊級作用域 全域性作用域 全域性變數 宣告在函式外部的變數,在其他任意地方都可以呼叫 不使用關鍵字var 區域性作用域 區域性變數 宣告在函式內部的變數,一般只有在函式內部訪問到 塊級作用域 在es6中,使用...