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)
 })
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:


  • 本文相关:
  • vuejs第九篇之组件作用域及props数据传递实例详解
  • vue-dialog的弹出层组件
  • 详解vue2父组件传递props异步数据到子组件的问题
  • vue2实现组件props双向绑定
  • vue.js每天必学之组件与组件间的通信
  • vuejs第十篇之vuejs父子组件通信
  • vue.js 递归组件实现树形菜单(实例分享)
  • 详解vue2.0 使用动态组件实现 tab 标签页切换效果(vue-cli)
  • 详解用vue编写弹出框组件
  • vue.js路由组件vue-router使用方法详解
  • vue组件 $children,$refs,$parent的使用详解
  • vue-router来实现组件间跳转的三种方法
  • vue.js组件tree实现无限级树形菜单
  • vue.js表格组件开发的实例详解
  • vue.js组件tabs实现选项卡切换效果
  • 详解vuex 中的 state 在组件中如何监听
  • vue2组件实现懒加载浅析
  • vue组件大全包括(ui组件,开发框架,服务端,辅助工具,应用实例,demo示例)
  • 在vue-cli里应用vuex的state和mutations方法
  • vue双向绑定的简单实现
  • 详解@vue/cli 3 invalid host header 错误解决办法
  • element输入框带历史查询记录的实现示例
  • vue.js中指令directives详解
  • vue生命周期示例详解
  • vue bus全局事件中心简单demo详解
  • vue 动态改变静态图片以及请求网络图片的实现方法
  • 示例vue 的keep-alive缓存功能的实现
  • 分分钟玩转vue.js组件
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved