Vuejs中.vue文件里引入第三方js和样式文件(sass,less,css),简单实例

谢谢一直以来关注我的小伙伴,从今天起告别,投入segmentfault,喜欢我的,请关注我的segmentfault:https://segmentfault.com/u/sosout

声明:所有代码均为图片,养成动手敲的习惯,切记直接粘贴复制
首先,引入的方式取决于如何搭建的项目,如果用webpack的话直接在需要用外部js css的vue组件里引入(import)就可以了。


Vuejs中.vue文件里引入第三方js和样式文件(sass,less,css),简单实例_第1张图片
a.png

第三方测试js文件,这里只比较简单的输出一个函数:


Vuejs中.vue文件里引入第三方js和样式文件(sass,less,css),简单实例_第2张图片
b.png

执行结果:
Vuejs中.vue文件里引入第三方js和样式文件(sass,less,css),简单实例_第3张图片
c.png

第三方测试js文件,我这里使用的是less(具体看自己的项目,注意安装相应的加载器):
Vuejs中.vue文件里引入第三方js和样式文件(sass,less,css),简单实例_第4张图片
d.png

执行结果:


Vuejs中.vue文件里引入第三方js和样式文件(sass,less,css),简单实例_第5张图片
e.png

你可能感兴趣的:(Vuejs中.vue文件里引入第三方js和样式文件(sass,less,css),简单实例)