新建乙個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中,使用...