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 对象内部配置项)