vue.js项目中实用的小技巧汇总

  

  

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

  

  

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

  

1,安装jQuery

        npm安装jquery      

2,安装引导

        npm安装bootstrap@3      

以上两步,也可以先在包中。json配置文件中指定版本号,然后运行<代码> npm安装

  

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

        从“jquery”进口美元   窗口。jQuery=$   要求(“引导”)      

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

        导入“引导/dist/css/bootstrap.min.css”      

  

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

  

 vue.js项目中实用的小技巧汇总

  

正确的做法是把配置/索引。js文件中开发对象的useEslint属性改为false,官方的注释也说的很清楚

  

 vue.js项目中实用的小技巧汇总

  

  

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

  

 vue.js项目中实用的小技巧汇总

  

  

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

  

 vue.js项目中实用的小技巧汇总

  

  

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

  

 vue.js项目中实用的小技巧汇总

  

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

  

  

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

  

 vue.js项目中实用的小技巧汇总

  

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

  

 vue.js项目中实用的小技巧汇总

  

  

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。

vue.js项目中实用的小技巧汇总