项目开发过程中的问题及解决方法（Vue，Css）

Vue开发填坑

方法methods通用

问题描述：
vue开发过程中很多时候，函数方法methods会在各个组件内共用，每个组件都写个比较多余。
解决方法：
1.利用CommonJS思想，单独写，然后每个组件利用import { function } from ‘../..’导入，直接使用。

import { myMethod } from '../../common/scripts/myMethod.js'
myMethod();

2.直接全局注册

Vue.protytpe.$myMethod = function(options) {
    console.log("this is my method");
}

组件使用时直接调用this.$myMethod即可。

弹窗背景

问题描述：
弹窗实现背景的毛玻璃效果。
解决方法：

.blur { 
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

欢迎分享本文，转载请保留出处：前端ABC » 项目开发过程中的问题及解决方法（Vue，Css）