vue如何引用其他组件（css和js）

1.vuejs组件之间的调用components

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

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

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

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

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

注意引入顺序

 <script type="text/javascript" src="static/style/vue.min.js"></script>
 <script type="text/javascript" src="static/style/vue-resource.min.js"></script>
 <script type="text/javascript" src="static/style/cart.js"></script>

这是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 # 引用组件 # vue.js # 怎么引用组件 # vue mounted组件的使用 # 使用vue实现各类弹出框组件 # vue-dialog的弹出层组件 # vue组件 $children # $refs # $parent的使用详解 # vue实现文件上传功能 # vue实现点击按钮下载文件功能 # 基于Vue.js的文件选择与多选对话框组件Dccfile的使用教程 # 放在 # 不起作用 # 报错 # 是一个 # 这是 # 也不 # 购物车 # 写在 # 解决办法 # 第二种 # 大家多多 # 表上 # pre # brush # class # css # list # br # js # result

返回目录在线咨询

上一篇：Python自动化生成项目日志汇总报告的脚本设计方法【指导】
下一篇：php打印数组长度限制设置_php控制数组输出长度方法【教程】

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

vue如何引用其他组件（css和js）

您的项目需求