首页 > 其他分享 >vue - alias

vue - alias

时间:2023-10-13 11:32:35浏览次数:39  
标签:normalize src vue .- js alias resolve css

3. 别名alias配置:

build\webpack.base.conf.js:

module.exports = {
  ...,
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      'common': resolve('src/common'),
      'components': resolve('src/components'),
    }
  }
}

4. 安装默认样式:

yarn add normalize.css

(1). normalize.css vs Reset.css:

- 保护了有价值的默认值.

- 修复了浏览器的bug.

- 不会让调试工具变得杂乱.

- 支持模块化.

标签:normalize,src,vue,.-,js,alias,resolve,css
From: https://blog.51cto.com/u_16273048/7842880

相关文章

  • vue el-select/el-cascader获取选中的对象label值
    1.el-select获取选中对象label值<el-form-itemlabel="车辆配置"prop="sales_name"><el-selectv-if="!showSaleNameInput"v-model="form.sales_name"clearableref="itemSelect"......
  • 2. Vue简介
    三大问题(是什么,为什么,怎么办):Vue是帮助前端优化开发的一个工具,是一个框架渐进式框架的概念Vue2-->Vue3......
  • Vue监听路由的变化
    方式一:watch监听通过watch监听,当路由发生变化的时候执行watch:{$route(to,from){console.log(to.path);}},//或者watch:{$route:{handler:function(val,oldVal){console.log(val);},//深度观察监听deep:true}},//......
  • 如何提供 或 访问 vuex 的数据、mutations
    目标:明确如何给仓库提供数据,如何使用仓库的数据一、提供数据:State提供唯一的公共数据源,所有共享的数据都要统一放到Store中的State中存储。在state对象中可以添加我们要共享的数据。 //state:状态,即数据,类似于vue组件中的data(区别:data是组件自己的数据,state是......
  • vue中v-bind绑定元素属性
    vue中v-bind绑定元素属性<html>  <head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0">  <title>vue.js</title>  </head>  <b......
  • vue中的v-text指令和v-html指令区别
    <html>  <head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0">  <title>vue.js</title>  </head>  <body>    &......
  • 【vue2】实现css动效逐个顺序展示的效果(简陋版)
    效果(进入预约里程碑模块后,小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失,最终停留在当前预约等级的台阶上): 虽然很low但是!就是这么设计的!于是在原本静态的代码上稍加了些修改(为什么,为什么,想问天问大地)首先是台阶部分的代码:<div:class="$style.reserveBox......
  • vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送p
    vue中下载excel文件4种方法,2、通过a标签download属性结合blob构造函数下载发送post请求和后台poi返回文件流实现下载1、通过url下载即后端提供文件的地址,直接使用浏览器去下载通过window.location.href=文件路径下载window.location.href=`${location.origin}/opera......
  • Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
    前几天在vue运行项目过程中报错了,这个方法是关于Vue报错SyntaxError:TypeError:this.getOptionsisnotafunction的解决方法(1)报错一(2)报错二~1.1问题分析首先,检查代码,并没有什么错误的地方;其次,涉及到这个问题,可能就是版本原因了,安装的sass-loader版本太高,卸载安装低......
  • vuex 的使用
    vuex是一个插件,可以帮我们管理vue通用的数据(多组件共享的数据) 应用场景:1.某个状态在很多个组件来使用(个人信息)2.多个组件共同维护一份数据(购物车) vuex的优势:1.共同维护一份数据,数据集中化管理2.响应式变化3.操作简洁(vuex提供了一些辅助函数)  vuex的使......