mui文件 放在vue的assets里面还是static里面？

最新推荐文章于 2022-02-18 16:10:47 发布
最新推荐文章于 2022-02-18 16:10:47 发布
阅读量332 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 常见问题总结 mui vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fengtingYan/article/details/87540679
本文详细介绍了在Vue项目中如何正确地导入和使用MUI框架。通过在main.js文件中导入MUI的JS和CSS文件，并将mui绑定到Vue.prototype上，避免了‘mui is not defined’的错误。文章提供了具体的代码示例，帮助开发者更好地理解和实践。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里发现需要导入mui文件
但是放在assets里面还是static里面？

本来想在vue_cli上使用mui，简单粗暴，直接在index.html里面引入一下
在这里插入图片描述
实际这样不可用

在vue-cli项目中使用mui swiper
https://blog.youkuaiyun.com/u012815877/article/details/81187826
在main.js里添加

import mui from './assets/js/mui.js'

如果不添加下面会显示mui is not defined 报错

 Vue.prototype.mui = mui

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
mui的js与css文件分开放
在这里插入图片描述

基于mui的公共js文件
qq_36552707的博客
01-16 4761
基于做项目的时候好多方法需要复用，重复写代码降低编码效率，故自己总结了一下我们公司用的比较多的几个方法。（因为公司框架是mui，因此部分方法是基于mui的） //将数据存储到本地缓存 function set(type, value) { sessionStorage.setItem(type, value); // localStorage.setItem(type, value); } /...
umi黑科技：把静态文件打包进静态网页中:P
llsixly
08-08 1311
为了能够跨平台通用，我现在很多工具都需要用JS进行开发。比如我之前研究了半天的JS版本的报表工具。但是这其中有个问题我没办法解决，就是有一些设置信息或者是模板文件需要一起打包进静态的页面中。今天解决了这个问题，记录一下方法。
vue 图片资源应该如何存放并引入（public、assets）？
热门推荐
Start2019
02-18 4万+
两者存放什么图片，什么时候使用，在某种情况下应该使用哪种方式； 使用方式； 图片路径转换；
MUI在Vue中如何引入
开心果小魏
12-06 1万+
1、进入mui官网，http://dev.dcloud.net.cn/mui/getting-started/  点击进入新手指南，下载mui库文件夹 2、在项目中src目录下新建lib目录，把下载的库文件改为文件名为 mui 放到 lib文件夹下，查看 mui\examples\hello-mui\examples 此目录下的控件样式，决定选用那个控件后，右键——查看源代码，把相关代码复制...
vue中文件在assets与static的区别
weixin_42398560的博客
02-28 2480
相同点：资源在html中使用，都是可以的。 不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。 assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，static中建议放一些外部第...
vue src/assets与static应该选择哪个
chaosama的博客
09-23 602
src/assets：自己的图片啊什么的都放这，这里的东西会被进行打包过。 static：用来存放引入的js或者css文件，不过因为现在多数用npm安装库，所以这个文件夹有点少用到 推荐src/assets ...
VUE中使用MUI方法
12-08
VUE中如何使用MUI 1、第一步：下载MUI 百度搜索MUI进入其官网点击右上角github地址，下载MUI文件  2、第二步：拷贝文件 拷贝下载文件的dist目录中的三个文件复制到自己项目中创建的mui目录中 。 若引入的mui.css...
vue里面使用mui的弹出日期选择插件实例
01-19
comm.loadjs(js/mui.picker.min.js,js/mui.poppicker.js) 因为是点击才弹出的，所以就不用在index.html里面写[removed][removed]这样的方式来引入js了。因为index.html这个页面是每个组件即.vue都会引用的，所以你...
mui-vue2：mui + mint + vue2.x + vue-router + vuex + webpack最终打包成原生apk的应用项目，样式使用vue移动端mint ui框架，原生手机能力偏重于mui框架，欢迎星级！
02-20
mui-vue2 基于mui + vue2.x的H5 APP项目，页面视图全部都是html5页，不是嵌入app原生页面，项目可以直接运行在PC上调试，也可以在hbuilder上真机调试，可以直接下载安装。 项目文档地址： 。 考虑访问速度：码云项目...
mui +vue 移动端demo
10-12
在移动端开发领域，MUI和Vue.js的结合已经成为一种常见的技术栈选择，因为它们能够提供高效、便捷且性能优良的用户体验。"mui +vue 移动端demo"这个项目就是一个典型的例子，它利用了这两者的优点来构建一个移动应用...
UEFI-dsc.dec.fdf文件
m0_49918601的博客
09-10 808
UEFI-dsc.dec.fdf文件   上一篇介绍了 .inf文件， .inf文件相当于Visual Studio中的工程文件。而 .dsc（Platform Description File）则相当于Visual Studio中的 solution 文件。每个包都要包含一个.dec（Package Declaration File）文件、一个 .dsc文件。如果这个包还用于固件Iamge或Option Rom Image的生成，则还需要添加 .fdf（Flash Description File）文件.
vue 项目中图片选择路径位置static 或 assets区别
总结前端开发中遇到的问题，分享前端知识
09-11 3739
用 vuecli 的话默认情况下 static 中的文件不会经过 webpack 相关 loader 处理 assets 里面的图片是会经过 webpack 的 loader 处理的，而 static 里面的图片是被直接复制到 dist/static 下面的。 一般是把一些小图片放在 assets 里面，这样一些小图片就可以处理成 base64 了，或者全放在 assets 下面都可以。 相同点：   assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件.
【微信小程序】——wxss引用外部CSS文件及iconfont，图文教程
有问题可关注公众号：前端研究院 后台输入问题回复
12-18 1393
小程序引入外部文件的方式是：@import “/.wxss”; 小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64，然后引用。 。下载到本地并解压ttf文件，到链接https://transfonter.org/,对文件进行转换。 转换完成，下载到本地后，打开转换的文件，将代码引用到wxss中，并定义class类名,再将定义好的文件，在app.wxss中引用，便可以全局使用该文件样式 ...
Vue中的静态资源管理（src下的assets和static文件夹的区别）
weixin_34306676的博客
12-14 2984
你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？ 资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。 在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png” 复制代码...
VUE中assets与static的区别
Lily-HU
09-07 1053
1、相同点： 文件夹中的资源在html中使用都是可以的。 2、不同点： 使用assets下面的资源，在js中使用的话，路径要经过webpack中的file-loader编译，路径不能直接写 2.1 static : 该目录下的文件是不会被wabpack处理的，它们会被直接复制到最终的打包目录下面（默认是 dist/static ），且必须使用绝对路径来引用这些文件。 这是通过在 config....
前端学习之路：解决vue引入assets下图片路径找不到问题
标题有点难
04-03 3万+
<img :src="imgsrc2"> export default{ data(){ imgsrc2: require('../assets/logo4.png') } }
vue中src下的assets文件与static文件的几点区别
weixin_33866037的博客
05-22 340
区别一： assets文件时src下的，所以最后运行时需要进行打包；而static文件不需要打包就直接放在最终的文件中了。  区别二： assets中的文件在.vue中的template/style下用 ../ 这种相对路径的形式进行引用，在script下必须用 @import 的方式引入； 而 static 下的文件在.vue中的任何地方都只要使用 ../ 这种相对路径的方式引入。  ...
在Vue中使用sass及sass图片路径问题
Harrietjia的博客
06-15 1万+
前言：    在Vue中引用外部SCSS(SCSS里面使用了图片)时，loader报错：* ../images/xxx.png in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped...
vue中的项目目录assets和staitc的区别
有问题可关注公众号：前端研究院 后台输入问题回复
01-03 3097
在进行发行正式版时，即为npm run build编译后， assets下的文件如（js、css）都会在dist文件夹下面的项目目录分别合并到一个文件下面去， 而static文件下面的文件则会原封不动的放到dist文件夹下面的目录中去； 所以第三方插件等放在static目录下面；css、js等放在assets目录下面； 而image等本地图片等放在static目录下面，build编译后不会出现路...
mui与vue集成实现轮播图案例分析
从文件名称列表“Vue+Mui轮播图（简化）”可以看出，这可能是一个针对轮播图功能进行简化实现的版本，目的是为了更容易地集成到项目中，并且可能更加注重性能优化和减少代码冗余。 ### 结语 通过上述知识点的详细...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值