技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費(fèi)軟件下載基地!

當(dāng)前位置:主頁(yè) > 教程 > 服務(wù)器類(lèi) >

vue如何引用其他組件(css和js)

來(lái)源:技術(shù)員聯(lián)盟┆發(fā)布時(shí)間:2017-10-31 18:00┆點(diǎn)擊:

  1.vuejs組件之間的調(diào)用components

  注意:報(bào)錯(cuò)Do not use built-in or reserved HTML elements as component id:

  修改組件的名字,例如不能使用address為組件名字

  組件名字不要使用內(nèi)置的或保留HTML元素為組件id,

  App.vue是一個(gè)入口,vue必須注冊(cè)才能使用

vue如何引用其他組件(css和js) 三聯(lián)

vue如何引用其他組件(css和js)

  2.vue引入外部的css,放在和引入vue的位置一樣

  ./代表當(dāng)前項(xiàng)目,../代表上一級(jí)項(xiàng)目

  import '../static/style/reset.css'

vue如何引用其他組件(css和js)

  如果引用的css,js不起作用,在index.html里面引用,還是不起作用,注意引用順序

vue如何引用其他組件(css和js)

  3.關(guān)于購(gòu)物車(chē),Cannot read property 'get' of undefined(…)

  解決辦法:

  在app.vue里面引入js不起作用,引用node_modules里面的也不起作用,在index.html里面引入文件,這個(gè)文件是放在style里面的,記得url里面的路徑

vue如何引用其他組件(css和js)

  解決方案:

  1.在index里面引入axios.js,vue里面用axios;如果vue里面用vue-resource的$http會(huì)報(bào)錯(cuò)get“”

vue如何引用其他組件(css和js)

  axios({

  method: 'get',

  url: '/static/style/cart.json',

  data: {

  }

  })

  第二種:使用vue-source,引入外部的js

  注意引入順序

  這是cart.js里面的內(nèi)容

  cartView:function(){

  var _this=this //記得寫(xiě)在get上面,不然取不到值

  this.$http.get('/static/style/cart.json',{'id':123}).then(function(res){

  this.pro=res.body.name;

  //_this.produceList=res.body.result.list;

  console.log(res.body.name)