美文网首页
vue将js和css单独拆分出来

vue将js和css单独拆分出来

作者: 中v中 | 来源:发表于2019-12-17 08:34 被阅读0次

这里用的是 vue-element-admin 框架

一 新建一个文件夹 webManage , 里面放 css 和 js 文件夹


图片.png

二 拆分 把需要拆分的文件 直接剪切到对应的文件夹里就可以了


图片.png

三 在vue页面上调用 对应的 js 和 css
``

<script> 
  import login from "../../webManage/js/login/login.js";
  export default login;
</script>
 
<style lang="scss" scoped>
   @import '../../webManage/css/login/login.scss'
</style>
![图片.png](https://img.haomeiwen.com/i12842279/d08e0fe6ed9f2ec4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

相关文章

网友评论

      本文标题:vue将js和css单独拆分出来

      本文链接:https://www.haomeiwen.com/subject/lgnjnctx.html