位置: 编程技术 - 正文

vue.js项目中实用的小技巧汇总(vue中使用jsx)

编辑:rootadmin

推荐整理分享vue.js项目中实用的小技巧汇总(vue中使用jsx),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue.js实战,vue.js使用,vue中使用js,vue.js使用,vue.js使用,vue.js项目实战,vue中使用js,vue.js使用,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。

# 在Vue 项目中引入Bootstrap

有时在vue项目中会根据需求引入Bootstrap,而Bootstrap又是依赖于jQuery的,在使用npm安装时,可能会出现一系列的错误

1、安装jQuery

2、安装Bootstrap

以上两步,也可以先在package.json 配置文件中指定版本号,然后运行 npm install

安装完了以后项目是跑不起来的,尽管二者都已经安装成功了,但还是会报错 “Bootstrap's JavaScript requires jQuery npm”,为了解决这个问题,可以在 main.js 入口文件中这样引入:

接下来,为了能够使用 Bootstrap的样式,可以在入口文件中引入 bootstrap.css。这个跟引入 Element UI 的方法一样

# 关闭 eslint 代码检查

很多人说关闭eslint检查的方式是注释掉 build/webpack.base.conf.js 文件中关于eslint配置的这一部分。不知道是否因为Vue-cli 版本更新的缘故,在实际操作中,这样是行不通的。

正确的做法是把 config/index.js 文件中 dev 对象的useEslint 属性改为false,官方的注释也说的很清楚

vue.js项目中实用的小技巧汇总(vue中使用jsx)

# 关闭部分eslint规则

其实 eslint 代码检查是非常好的,不仅规范个人的js书写,在团队多人协作开发中,更是起到了非常重要的作用。但有时候,这些规则有点过于死板,比如声明一个未使用的变量就会报错 “no-unused-vars”,想要关闭这个规则的话,可以打开 eslintrc.js 文件,将对应的规则改为0,即可关闭

# 修改端口号

大多数项目默认是监听端口,所以为了同时运行多个项目,可以在 config/index.js 中修改端口号

# 设置文件引用路径别名

有时候项目文件过多,可能经常出现类似 "../../../static/data/xx.json" 这样的引用,写起来很麻烦而且经常容易出错(当然代码编译器能够提示就无所谓了),为了简化路径,我们可以在 build/webpack.base.conf.js 中去配置别名

这里是通过调用 resolve 方法来达到简化路径的目的,比如可以直接用@来取代src,也可以直接写 "api/xx.js",而不用一层一层的去找

# UTC time

在使用VueHighcharts 组件时,默认是使用 UTC time的,所以时间总是显示的有差距,比如此刻的时间是年月日:分,但是UTC time显示的时间却是下图中的:

看了文档都知道要把 useUTC 选项改为false,但就是不知从哪下手。其实,在main.js中引入组件的同时,我们就可以做相关的配置修改

总结

标签: vue中使用jsx

本文链接地址:https://www.jiuchutong.com/biancheng/378934.html 转载请保留说明!

上一篇:关于 angularJS的一些用法(关于angularjs1说法,错误的是)

下一篇:Vue2.0用户权限控制解决方案(vue用户权限解决方案)

  • 开外经证需要预缴税几个点
  • 购入生产设备的增值税计入成本吗
  • 国税地税电子钥匙价格
  • 定额怎么确定
  • 统一企业员工
  • 企业缴纳的社保可以税前扣除吗
  • 未取得房屋产权证的房屋法院可以拍卖吗
  • 什么是联营商品
  • 个体户购买发票需要什么资料
  • 下列应税项目中,不按次计算征收个人所得税的是
  • 行政事业单位结算起点
  • 轿车计提折旧
  • 对方公司不能开发票怎么办
  • 生产用的软件
  • 单位聘请临时工工资怎么报税
  • 汽车租赁公司怎么赚钱
  • 印花税股权转让计税依据
  • 小规模季度不超过30万元免税会计分录
  • 自查补缴税款严重吗
  • 环卫公司增值税税率
  • 工会经费的优惠政策2020
  • 支付固定资产运杂费计入什么科目
  • 财产清查的方法和财产清查结果的会计处理
  • 电脑屏发黄怎么调正常哪
  • 自建用地是什么性质
  • 员工油费补贴过期怎么办
  • 递延负债减递延资产
  • 公司一直是亏损怎么赔偿
  • PHP:curl_multi_add_handle()的用法_cURL函数
  • 装win7提示失败怎么办
  • PHP:pcntl_getpriority()的用法_PCNTL函数
  • 年度确认收入怎么算
  • 签合同要注意些什么
  • 企业所得税合理方法包括
  • php数组实现
  • vmware vmtools
  • php curl_setopt
  • python兑换美元
  • 季度企业所得税会计分录怎么做
  • 评价股权转让要交什么税
  • 企业内部控制的概念
  • sqlserver数据库和mysql区别
  • 不能防止sql注入
  • 增值税专用发票抵扣期限
  • 公司为职工承担社保费用
  • 主办会计的工作内容和职责
  • 清算期间发生的利息支出应计入
  • 投资折价会计处理
  • 处置固定资产净收益属于利得吗
  • 多计提的工资怎么冲销
  • 无形资产当月减少当月计提吗
  • 交易性金融资产的账务处理
  • 专项应付款支出的账务处理
  • 稽查跨年进项税额转出要调整所得税吗
  • 发给客户的红包是什么费用
  • 购买原材料还没发票
  • 预收款退还如何处理
  • 公司改名后发票怎么开
  • sql中存储过程的用法
  • sql语句训练题及答案
  • win8如何使用
  • win10如何设置视频缩略图
  • for windows vista only
  • ubuntu 启动gui
  • win8无法安装其它软件
  • ,linux
  • autorun.inf在win10
  • windows磁盘工具
  • linux配置命令
  • linux we
  • 使用nodejs中httpProxy代理时候出现404异常的解决方法
  • 在javascript中如果不指明对象直接调用
  • python中__init__
  • javascript导航栏
  • 厂房转让的土地税怎么算
  • 印花税没有做税种认定
  • 国家税务总局上海市电子税务局
  • 云南港口城市
  • 甘肃是什么时候属于中国的
  • 股东非自然人
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设