Web开发-移动端项目实践经验

Web开发-移动端项目实践经验

回炉再造！2021 Vue3.0 前端全家桶学习笔记

Vue3.x + CompositionAPI + Vant组件库

项目初始化、实践经验

图片资源的使用

一种简化路径使用的方式；

// 配置webpack 为路径起别名
module.exports = {
   
  configureWebpack:{
   
    resolve:{
   
      alias:{
   
        'assets':'@/assets',
      }
    }
  }
}

data(){
   
  return {
   
    img_1:require('assets/images/1.png')
  }
}

<img :src="~assets/images/1.png">
<img :src="img_1">

<style>
  #demo {
    
    background:url('~assets/images/1.png') no-repeat;
  }