Vue中assets和static的区别

2024-01-23  本文已影响0人  简单tao的简单

相同点:

文件夹中的资源在html中使用都是可以的。

不同点

1. wabpack编译
2. 自己的还是第三方的资源
3. 引入方式
<div class="myDemo">
    //  动态显示文件内容
    <h5>动态路径</h5>
    <img :src="asetUrl" title="assets中的图片">
    <img :src="sticUrl" title="static中的图片">
</div>
 
<script>
export default {
    name: 'myDemo',
    data (){
      return {
        asetUrl: require('../assets/logo.png'),
        sticUrl: '/static/logo.png'
    }
}
</script>
上一篇 下一篇

猜你喜欢

热点阅读