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 相关文章推荐
让IE8支持DOM 2(不用框架!)
Dec 31 Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
bootstrap多种样式进度条展示
Dec 20 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
微信小程序三级联动选择器使用方法
May 19 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 Javascript
基于ajax实现上传图片代码示例解析
Dec 03 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
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中uploaded_files函数使用方法详解
2011/03/09 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
AngularJS 过滤器的简单实例
2016/07/27 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
Vue2递归组件实现树形菜单
2017/04/10 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
2019/09/27 Javascript
vue+Element-ui实现登录注册表单
2020/11/17 Javascript
详解python中的装饰器
2018/07/10 Python
python通过zabbix api获取主机
2018/09/17 Python
3个用于数据科学的顶级Python库
2018/09/29 Python
Python实现将通信达.day文件读取为DataFrame
2018/12/22 Python
使用python绘制温度变化雷达图
2019/10/18 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
ORACLE十问
2015/04/20 面试题
药学专业毕业生求职信
2013/10/20 职场文书
前台文员岗位职责
2013/12/28 职场文书
创业计划书的内容步骤和要领
2014/01/04 职场文书
一份创业计划书范文
2014/02/08 职场文书
家长对老师的感言
2014/03/11 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
接收函格式
2015/01/30 职场文书
餐饮店长岗位职责
2015/04/14 职场文书
作息时间调整通知
2015/04/22 职场文书
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL