vue工程化之公有CSSJS文件

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue工程化之公有CSSJS文件相关的知识,希望对你有一定的参考价值。

1.关于公共的css

    在src下面新建public.css,然后在main.js中引入进来 import ‘@/public.css‘,这样所有页面中都会使用这个样式了,如果只是部分页面需要,那还是不用用这种公共配置,在页面中引入就好了。

 

2.关于公共的JS

    创建好vue-cli后,如果想安装些开发依赖,那么打开cmd,并进入到对应的项目目录里面,使用命令下载要使用的库,下载完毕后可以在package.json中看下载的库是否存在以及版本,

    然后在src下面的main.js中import引入进来,main.js是项目的入口,所有公用的方法都需要在里面引入并且定义。

  以建立公用的JS为例子:

  1.新建公用的JS库,delop.js

  技术图片

  2.在main.js中引入,并使用 Vue.use(delop) 来使JS生效

      技术图片

  3.在页面中引用

  delop.fun1()
  delop.fun2()

 

 

 

 

 

 

.

以上是关于vue工程化之公有CSSJS文件的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段2——.vue文件的模板

vue工程化之项目引入jquery

vue —— VSCode代码片段

vue —— VSCode代码片段

VSCode自定义代码片段11——vue路由的配置