美文网首页
vue的使用小知识

vue的使用小知识

作者: qwertyuiop_4184 | 来源:发表于2018-06-15 16:38 被阅读0次

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类,然后将需要的字体,复制代码放到标签中即可;

相关文章

  • vue的使用小知识

    1、在build目录下的webpack.base.config.js中的 resolve: { extensi...

  • 【Vue】常用指令之v-show

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-show 写在前面 Vue (...

  • 【Vue 】:visible.sync 的作用

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue中的visible.sync的作用 1.写在...

  • SpringBoot+Vue2.x登陆功能

    这篇文章只做总结,关于Vue的具体使用不涉及,因此你需要具备Vue的基础知识,使用Vue搭配Element-ui以...

  • 【Vue】常用指令v-if和v-show的区别

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue指令v-if和v-show的区别 v-sho...

  • 【Vue】常用指令之v-text

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-text 目录 1.v-tex...

  • 【Vue 】过滤器filters

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue过滤器filters 1. 什么是过滤器? ...

  • 【Vue】常用指令之v-html

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-html v-html指令其实...

  • 【Vue】常用指令之v-bind

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-bind v-bind指令是专...

  • 【Vue】常用指令之v-on

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-on v-on指令是事件绑定指...

网友评论

      本文标题:vue的使用小知识

      本文链接:https://www.haomeiwen.com/subject/yjymeftx.html