码迷,mamicode.com
首页 > Web开发 > 详细

vue工程化之公有CSS、JS文件

时间:2019-04-12 12:08:25      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:建立   入口   png   页面   info   pack   进入   css   port   

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工程化之公有CSS、JS文件

标签:建立   入口   png   页面   info   pack   进入   css   port   

原文地址:https://www.cnblogs.com/jianxian/p/10695002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!