第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue組件引入不成功

vue組件引入不成功

縹緲止盈 2019-02-27 21:18:41
用vue-cli做項目時,我把GoodList.vue組件里的js和css提出來,然后再在GoodList.vue中引入。 結(jié)構(gòu)如下但是在引入header組件時,報如下錯誤我把js文件放回GoodList.vue的原來位置,是成功的,有沒有什么辦法解決GoodList.vue內(nèi)容如下GoodList.js內(nèi)容如下
查看完整描述

1 回答

?
隔江千里

TA貢獻(xiàn)1906條經(jīng)驗 獲得超10個贊

這樣寫是不行的,Headervue是一個模塊,GoodList是一個模塊,然后你在外部import Headervue然后在GoodList里用,很明顯報了錯:


'Headervue' is not defined

這樣的話 大概可以


<template>

  <div>

    <Headervue></Headervue>

  </div>

</template>


<script>

  import GoodList from './GoodList'

  export default GoodList

</script>


<style>

  @import "./GoodList";

</style>

import Headervue from '@/components/header/Header.vue'

export default {

  data () {

    return {

      goods: []

    }

  },

  components: {

    Headervue

  },

  mounted () {

    this.getGoodList()

  },

  methods: {

    getGoodList () {

      this.$http.get('/v1/goods').then(res => {

        res = res.body

        if (res.status === 0) {

          this.goods = res.result.list

        }

      }, res => {

      })

    }

  }

}


查看完整回答
反對 回復(fù) 2019-03-01
  • 1 回答
  • 0 關(guān)注
  • 527 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號