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

更新时间：2017年04月13日 08:54:16 作者：懒人猫

本篇文章主要介绍了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父组件调用子组件方法报错问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
vue执行配置选项npm run serve的本质图文详解
本地开发一般通过执行npm run serve命令来启动项目,那这行命令到底存在什么魔法?下面这篇文章主要给大家介绍了关于vue执行配置选项npm run serve的本质的相关资料,需要的朋友可以参考下
2023-05-05
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
这篇文章主要介绍了vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
VUE简单的定时器实时刷新的实现方法
这篇文章主要介绍了VUE简单的定时器实时刷新的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-01-01
简单了解vue 插值表达式Mustache
这篇文章主要介绍了vue 插值表达式Mustache的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
22个Vue优化技巧(项目实用)
演示代码使用 Vue3 + ts + Vite 编写，但是也会列出适用于 Vue2 的优化技巧，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
如何在vue项目中嵌入jsp页面的方法(2种)
这篇文章主要介绍了如何在vue项目中嵌入jsp页面的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
vue3+vite自定义封装vue组件发布到npm包的全过程
当市面上主流的组件库不能满足我们业务需求的时候,那么我们就有必要开发一套属于自己团队的组件库,下面这篇文章主要给大家介绍了关于vue3+vite自定义封装vue组件发布到npm包的相关资料,需要的朋友可以参考下
2022-09-09
vue的路由动画切换页面无法读取meta值的bug记录
这篇文章主要介绍了vue的路由动画切换页面无法读取meta值的bug记录，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
Vue UI框架的主题切换功能实现
在如今，很多网页已经可以手动切换明亮模式和黑暗模式，网页的主题切换已经成为了一个常用的需求，因此，本文将从常见框架的处理方式总结一些相关的操作，对vue ui框架主题切换功能感兴趣的朋友跟随小编一起看看吧
2022-12-12