vue如何引用其他组件(css和js)
2017-04-13 08:54
1186 查看
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中引用了其他组件 (比如Bus.js),如何使this重新指向当前组件?
- vue组件如何被其他项目引用
- jsp页面如何引用项目其他文件夹里的css、js文件
- vue组件如何被其他项目引用
- asp.net后台如何动态添加JS文件和css文件的引用
- 如何将css,js压缩成jar包maven发布后引用!
- 如何理解vue.js组件的作用域是独立的
- 19.如何在vue里面调用其他js
- vue.js如何将echarts封装为组件一键使用详解
- asp.net后台如何动态添加JS文件和css文件的引用
- vue.js vue组件中style样式中的css引入背景图路径不对,解决方案
- maven工程如何引用css和js文件
- Vue-cli项目中,引入css、js或者引入组件,检查后未发现错误,npm红叉报错原因
- Vue.js学习系列(八)---如何使用组件
- vue.js vue组件中style样式中的css引入背景图路径不对,解决方案
- 如何在Asp.net 页面中添加CSS和JS的引用, 使得不是文件路径的限制
- maven工程如何引用css和js文件
- 如何让浏览器访问最新的js、css等外部引用文件?
- vue2.0 使用vue-cli搭建的项目如何在index.html里引入静态css和js
- Vue.js如何划分组件