国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue項目實戰(第一回)

laznrbfe / 3056人閱讀

摘要:完整的項目地址系列文章一系列文章二前言此項目是我在學習框架和開發公司項目的時候把需要用的技術點常用的功能模塊開發中遇到的坑全部集成或記錄到這個小項目里,以便自己開發以后的項目中用到,同時分享出來供大家學習借鑒,也鞭策自己持續學習和更新,如果

完整的項目地址https://github.com/darenone/v...

系列文章一https://github.com/darenone/v...

系列文章二https://segmentfault.com/a/11...

前言

此項目是我在學習vue框架和開發公司項目的時候把需要用的vue技術點、常用的功能模塊、開發中遇到的坑全部集成或記錄到這個小項目里,以便自己開發以后的項目中用到,同時分享出來供大家學習借鑒,也鞭策自己持續學習和更新,如果不足之處歡迎各位同學批評指正,在下一定虛心學習

用vue-resource請求本地數據

安裝

npm install vue-resource --save

在main.js引入

import VueResource from "vue-resource"
Vue.use(VueResource)

用expressjs寫RESTful API

打開項目build/webpack-dev.conf.js文件 添加如下代碼

const express = require("express")
const app = express()
var appData = require("../data.json") //加載本地數據文件
var seller = appData.seller //獲取對應的本地數據
var goods = appData.goods
var ratings = appData.ratings
var newsList = appData.newsList
var login = appData.login
var apiRoutes = express.Router()
app.use("/api", apiRoutes)
  
devServer: {
before(app) {
  app.get("/api/login", (req, res) => {
    res.json({
      errno: 0,
      data: login
    })
  }),
  app.get("/api/newsList", (req, res) => {
    res.json({
      errno: 0,
      data: newsList
    })
  })
}
  }

在項目根目錄新建一個data.json的內容如下:

{
  "newsList": [
    {
      "name": "新聞1新聞1新聞1新聞1新聞1新聞1新聞1新聞1新聞1新聞1新聞1新聞1新聞1新聞1",
      "url": "http://starcraft.com"
    },
    {
      "name": "新聞2新聞2新聞2新聞2新聞2新聞2新聞2新聞2新聞2新聞2新聞2新聞2新聞2新聞2",
      "url": "http://starcraft.com"
    },
    {
      "name": "新聞3新聞3新聞3新聞3新聞3新聞3新聞3新聞3新聞3新聞3新聞3新聞3新聞3新聞3",
      "url": "http://starcraft.com"
    },
    {
      "name": "新聞4新聞4新聞4新聞4新聞4新聞4新聞4新聞4新聞4新聞4新聞4新聞4新聞4新聞4",
      "url": "http://starcraft.com"
    }
  ],
  "login": {
    "username": "zongqiang",
    "userId": 2333
  }
}

重啟應用之后我們來模擬請求一個數據 homepage/index.vue

  created: function () {
    this.$http.get("api/newsList").then((res) => {
      this.newsList = res.data.data
      console.log(this.newsList)
    }, (err) => {
      console.log(err)
    })
  }

能正常拿到數據,那我們以后的在沒有后端給我們提供api的時候就就可以這樣來做
markdown在線編輯
http://mahua.jser.me/
https://www.zybuluo.com/mdeditor

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/90379.html

相關文章

  • Vue核心50講 | 一回Vue 與 MVVM 之間那些事兒

    摘要:在說真正的內容之前,咱們還要先來說說與之間的那些事兒。的核心庫只關注視圖層,不僅易于上手,還便于與第三方庫或既有項目整合。高效核心庫文件壓縮之后只有,遠比的壓縮版文件小得多。這么說還是會比較抽象,接下來咱們用代碼來進一步解釋和之間的關系。 書接上文,上一回咱們說到了如今的前端江湖早已是框架三分天下的格局。接下來,咱們就要說到主角 Vue 了。在說真正的 Vue 內容之前,咱們還要先來說...

    chanthuang 評論0 收藏0
  • 2016年總結 - 收藏集 - 掘金

    摘要:然而這次的文章,就像賀師俊所說的這篇文章是從程序員這個老年度總結前端掘金年對我來說,是重要的一年。博客導讀總結個人感悟掘金此文著筆之時,已經在眼前了。今天,我就來整理一篇,我個人認為的年對開發有年終總結掘金又到 2016 Top 10 Android Library - 掘金 過去的 2016 年,開源社區異常活躍,很多個人與公司爭相開源自己的項目,讓人眼花繚亂,然而有些項目只是曇花一...

    DataPipeline 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<