使用vue2搭建豆瓣電影

2021-09-16 21:40:30 字數 617 閱讀 5796

使用vue-cli腳手架搭建,按照步驟執行即可

npm install -g vue-cli

vue init webpack doubanmovie

cd doubanmovie

npm install

npm run dev

ui庫使用的是element-ui,直接引用使用

import element from 'element-ui'

vue.use(element)

路由使用的是預設的hash模式,後續打算更改為html5 history模式

在proxytable中配置**

proxytable: }}

專案中使用了以下api

這裡使用vue-resource進行資料互動、不過更推薦使用axios

vuex用來管理全域性狀態,用起來很方便,可以檢視vuex文件進行學習

vue2環境搭建

1.確認電腦中已經配置node.js 開始 搜尋 輸入cmd 開啟命令控制視窗 輸入如下命令 node v 查詢node.js是否已安裝 npm v 查詢npm的版本號如還未安裝,請參照下面的鏈結 2.安裝vue2必須環境 npm install g cnpm registry 安裝 映象 cnpm...

Vue 電影資訊影評(豆瓣,貓眼)

技術棧 vue.js thinkphp mysql vue router node.js電影展示主要是從第三方平台拉取電影資訊,然後進行和電影名字展示還有輪播展示。展示分為正在熱映 北美票房榜 top25等三個板塊,其中正在熱映的資料來自貓眼,其餘的均來自豆瓣電影。介面如下圖 電影詳情展示 僅限於最...

vue2新人入門

預設對webpack,sass,npm有一定的了解。一些vue指令不會說,反正官方文件有,我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...