vue的使用小知识

1、在build目录下的webpack.base.config.js中的

resolve: {

    extensions: ['.js', '.vue', '.json'],

    alias: {

      'vue$': 'vue/dist/vue.esm.js',

      '@': resolve('src'),

      'styles': resolve('src/assets/styles'),

    }

  },中可以自定义路径的简写方式，很简便。注意当修改此文件后需重启项目服务。

2、在单文件组件的style中想使用上面的路径简写方式需要在前面加上~符号。

3、使用icon font的时候，需要用到的是其中解压包中的字体文件和字体样式文件，将这些文件放到指定文件夹中，然后打开iconfont.css文件修改其中的字体文件引用路径，删掉下面的拼音名字的样式代码。在页面中使用时，需要加上iconfont类，然后将需要的字体，复制代码放到标签中即可；