手机
当前位置:查字典教程网 >电脑 >服务器_操作系统教程 >vue如何引用其他组件(css和js)
vue如何引用其他组件(css和js)
摘要:1.vuejs组件之间的调用components注意:报错Donotusebuilt-inorreservedHTMLelementsasc...

  1.vuejs组件之间的调用components

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

  修改组件的名字,例如不能使用address为组件名字

  组件名字不要使用内置的或保留HTML元素为组件id,

  App.vue是一个入口,vue必须注册才能使用

vue如何引用其他组件(css和js) 查字典教程网

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

  ./代表当前项目,../代表上一级项目

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

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

  3.关于购物车,Cannot read property 'get' of undefined(…)

  解决办法:

  在app.vue里面引入js不起作用,引用node_modules里面的也不起作用,在index.html里面引入文件,这个文件是放在style里面的,记得url里面的路径

  解决方案:

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

  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)

  })

  }

【vue如何引用其他组件(css和js)】相关文章:

C#如何使用windows服务发送邮件

ubuntu如何挂载光盘?

Win10如何开启照片应用的自动增强功能以改进照片

教你如何正确使用Ping命令

在Linux中如何恢复被删除的文件

在Linux上如何使用fuser工具来查询文件的用户

linux系统:虚拟机中如何用命令来移动文件夹?

如何在Linux系统上加密文件和目录

CMD命令大全(第三部分)

如何获得Linux系统的内置模块和设备驱动列表

精品推荐
分类导航