vue如何引用其他组件(css和js)


Posted in Javascript onApril 13, 2017

1.vuejs组件之间的调用components

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

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

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

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

vue如何引用其他组件(css和js)

vue如何引用其他组件(css和js)

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

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

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

vue如何引用其他组件(css和js)

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

vue如何引用其他组件(css和js)

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

解决办法:

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

vue如何引用其他组件(css和js)

解决方案:

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

vue如何引用其他组件(css和js)

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

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

Javascript 相关文章推荐
JavaScript中void(0)的具体含义解释
Feb 27 Javascript
人人网javascript面试题 可以提前实现下
Jan 05 Javascript
Javascript 多浏览器兼容总结(实战经验)
Oct 30 Javascript
jQuery拖拽插件gridster使用指南
Apr 21 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
jQuery实现搜索页面关键字的功能
Feb 16 Javascript
使用Vue动态生成form表单的实例代码
Apr 26 Javascript
基于Vue实现图片在指定区域内移动的思路详解
Nov 11 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
js+css实现扇形导航效果
Aug 18 Javascript
idea编译器vue缩进报错问题场景分析
Jul 04 Vue.js
输入框跟随文字内容适配宽实现示例
Aug 14 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 #Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 #jQuery
vue组件如何被其他项目引用
Apr 13 #Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 #Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 #jQuery
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
Apr 13 #Javascript
JS实现移动端实时监听输入框变化的实例代码
Apr 12 #Javascript
You might like
PHP操作xml代码
2010/06/17 PHP
php学习笔记之面向对象
2014/11/08 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
什么是PHP文件?如何打开PHP文件?
2017/06/27 PHP
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
js以对象为索引的关联数组
2010/07/04 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
js函数返回多个返回值的示例代码
2013/11/05 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
2018/05/07 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
js实现简单掷骰子小游戏
2019/10/24 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python读取并写入mat文件的方法
2019/07/12 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
介绍一下Ruby中的对象,属性和方法
2012/07/11 面试题
银行优秀员工事迹材料
2014/05/29 职场文书
保险专业求职信
2014/07/07 职场文书
信用卡催款律师函
2015/05/27 职场文书
何玥事迹观后感
2015/06/16 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python