位置: 编程技术 - 正文

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

  • 人民大学税务专硕学费
  • 政府补贴的账务属于哪个科目
  • 小规模计提增值税
  • 高铁票进项抵扣怎么在增值税系统申报
  • 年报会计师审计费用
  • 医疗设备的折旧年限是多少年
  • 新会计准则 预付房租怎么做账
  • 生产事故造成怎么样赔付
  • 流动比率计算公式速动比率
  • 事业编制公考
  • 报无票收入又开发票了怎么办?
  • 生产车间的房屋租赁费计入什么科目
  • 销售原材料的账务处理
  • 小规模和一般纳税人的区别
  • 中央空调可一次开多少度
  • 营改增以后小规模纳税人如何纳税
  • 税控盘抵扣增值税怎么做账
  • 个体纳税申报核定销售额填不填
  • 中央非税收入统一票据怎么做账
  • 购买债券发生的交易费用计入哪个科目
  • 付款凭证会计分录怎么写
  • 农产品免税产品可以开增值税专用发票吗
  • edge浏览器设置主页网址
  • 你知道怎么安装
  • 手工明细分类账本怎么记
  • 修改系统散热方案
  • bboy.exe进程是病毒吗 bboy进程安全吗
  • macbook air怎么点击
  • "php"
  • 基建项目和工程项目区别
  • 什么是产品生产者之间争取最有利的关系
  • php多维数组遍历输出
  • 金税盘锁死状态
  • opencv1.0
  • php array_merge_recursive 数组合并
  • 火车票抵税申报表怎么填
  • 购买公司支付的钱怎么做账
  • 应收账款资产负债表负数
  • python 进程pid
  • 银行不良资产核销后怎么处理
  • 建筑业委托加工合同范本
  • 企业代扣代缴个人所得税申报流程图
  • 劳务发票去哪里开
  • 房开企业会计分录
  • 发票收款人和复核人在哪儿政
  • 企业哪些进项税抵扣
  • 付款方和发票抬头不一致会计处理
  • 一般纳税人筹建期
  • 销售货物时发票多开了金额如何处理?
  • 公司的房租发票怎么开
  • 营改增后税额计算公式
  • 月末结转后应交税费应交增值税一般无余额
  • 已认证抵扣增值税怎么撤回申报
  • 从增值税抵扣进项怎么算
  • 无发票的费用怎么算
  • 会计做账过程中遇到的问题
  • 公司开收据盖什么章
  • 非营利医疗机构免征哪几种税
  • freebsd版本
  • win7网页无法访问
  • win7系统设置只让安装有证书的软件
  • centos 安装
  • win8.1自带usb3.0驱动吗
  • Android游戏开发案例教程小小弹球
  • linux修改磁盘格式指令
  • 打开指定文件夹命令
  • android view详解
  • DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
  • go 与 python
  • js计算字体宽度
  • 手机关卡类游戏
  • activity的跳转
  • Python3使用requests登录人人影视网站的方法
  • windows安装程序安装在哪里
  • js检查邮箱格式
  • 江苏税务开票申报操作
  • 建筑业小规模纳税人工程结算增值税
  • 德勤 税务
  • 会计建账时一般需要哪几本账
  • 优化营商环境关于人才工作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设