位置: 编程技术 - 正文

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用户权限解决方案)

  • 出口应退税额如何计算
  • 个人独资企业税种有哪些
  • 浙江注册税务师考试时间
  • 调整以前年度少计提的工资
  • 电商相对于传统企业有哪些特点?
  • 单位购牙膏牙刷卫生纸怎么做账
  • 制药企业税收优惠政策
  • 增值税零申报附加税费情况表没发保存
  • 剩余材料入库的会计分录怎么做?
  • 报废资产取得的增值税
  • 外购摩托车从销项税额中怎么抵扣?
  • 公司月底可以出账吗
  • 相关规定个人运输发票税率是多少
  • 贸易公司买进卖出
  • 关于纳税人取得的发票
  • 个人转账至公司要交税吗
  • 附加税减半征收计提和缴纳的会计分录
  • 没给顾客发票需要罚款吗
  • 无票收入增值税申报表怎么填小规模纳税人
  • 生产成本期末余额在贷方
  • win10桌面网络图标怎么调出来
  • vue框架使用方法
  • win11卓越性能模式
  • 计提跌价准备会影响利润吗
  • 增值税税率调整差额怎么计算
  • win11系统摄像头黑屏
  • php中class用法
  • gwsystemservice.exe是什么进程 有什么作用 gwsystemservice进程查询
  • 企业购进的商品又赠送给客户,怎么做分录呀
  • AI:ModelScope(一站式开源的模型即服务共享平台)的简介、安装、使用方法之详细攻略
  • 沃特金斯格伦州立公园
  • phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
  • laravel5.4生成验证码的实例讲解
  • 企业工会注销怎么办理
  • axure rp 9视频教程
  • node.js的安装和配置
  • lvm 命令
  • 如何修改php网页内容
  • 小微企业免征增值税优惠
  • 移动平均法适用范围
  • 城市维护建设税,教育费附加,地方教育费附加
  • mongodb writeconcern
  • 境外汇款收款人承担手续费
  • 库存现金怎么算
  • 印花税怎么交,在哪里交
  • sql server怎么创建约束
  • php出现错误代码怎么办
  • 红字更正法适用于更正什么样的错误
  • 年底要结转净利润怎么算
  • 同在一个单位
  • 补交进项转出的税分录
  • 增值税发票超过多久不能抵扣
  • 银行存款的收付应严格执行()的规定
  • 电动车折旧年限及残值
  • 企业开发有多个产品
  • 简易计税项目可以抵扣进项税吗?
  • sqlserver数据类型real
  • xampp3.2.4安装教程与配置
  • 虚拟机打开提示物理内存不足
  • win10防火墙打不开错误代码
  • 让xp系统自动修复软件
  • 新款apple macbook air
  • win8怎么添加桌面
  • bootstrap表格内容模板
  • html怎么下
  • android系统介绍
  • unity安卓手机游戏官网
  • jq获取节点属性
  • js面向对象的三大特性
  • js运行效率
  • 彩票税率税率
  • 非税收入纳入一般公共预算管理
  • 国税电子税务局官网
  • 江苏国税电子税务局打印机设置
  • 通用定额发票分经营类型吗
  • 房地产的土地增值税计入哪个科目
  • 深圳税务局怎么添加办税员
  • 青羊名字由来
  • 西安车辆购置税缴纳多少
  • 网上如何申请
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设