Vue2.002.开发过程中部分功能实现
01. Vue中动态加载图片失败时,默认图片的配置
>> 引入图片: import defaultImg from '@/assets/default.png'
>> img 标签配置 @error 事件, @error="setDefaultImg(自定义函数)"
>> 配置自定义函数
02. 使用 vant 时,自定义组件样式的实现
>> main.js 中对vant 样式的引用,导入的不再是 css 文件,而应该改为 less 文件,否则 自定义主题不会生效
>> 在 src 目录下,新建主题文件 theme.less (文件名自定义,确保为 less 文件就好)
>> 修改 vue.config.js 文件,(如果没有就在根目录下手动创建一个)
>> 效果,此时,直接修改 less 文件中的参数值,就可以达到对主题样式的实时查看,而不用再重新启动服务;
03. Vue 项目在编译后,默认状态下是无法直接双击 index.html 来打开项目的;
>> 原因: 默认打包是将打包后内容放置在服务端;
>> 想法 : 希望双击也可以打开项目;
>> 处理: 在 vue.config.js 配置文件中,配置参数: publicPath (module.exports 对象内部配置项)