久久96国产精品久久久-久久发布国产伦子伦精品-久久精品国产精品青草-久久天天躁夜夜躁狠狠85麻豆

技術員聯盟提供win764位系統下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當前位置:主頁 > 教程 > 服務器類 >

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

來源:技術員聯盟┆發布時間:2017-10-31 18:00┆點擊:

  1.vuejs組件之間的調用components

  注意:報錯Do not use built-in or reserved HTML elements as component id:

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

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

  App.vue是一個入口,vue必須注冊才能使用

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

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

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

  ./代表當前項目,../代表上一級項目

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

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

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

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

  3.關于購物車,Cannot read property 'get' of undefined(…)

  解決辦法:

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

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

  解決方案:

  1.在index里面引入axios.js,vue里面用axios;如果vue里面用vue-resource的$http會報錯get“”

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

  axios({

  method: 'get',

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

  data: {

  }

  })

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

  注意引入順序

  這是cart.js里面的內容

  cartView:function(){

  var _this=this //記得寫在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)