vue3 深度选择器 deep 写法，动态引入图片，使用时间格式化插件Moment.js

deep写法

使用 ::v-deep 出现警告：

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

尝试使用 <<< 或 /deep/ 同样出现这样的警告。

警告表示： <<<、/deep/、::v-deep 这三个已被弃用，改用 :deep(＜inner selector＞)

例如：

:deep(.el-input) {
    width: 200px;
}

参考：rfcs/0023-scoped-styles-changes.md at master · vuejs/rfcs · GitHub

动态引入图片

<template>
    <img :src="imgSrc" alt="">
</template>

<script>
import { defineComponent } from 'vue';
import imgSrc from '@/assets/img/imgSrc.svg'; // 引入图片

export default defineComponent({
    name: '',
    setup() {
        return {
            imgSrc // 注意要return出去
        }
    }
})
</script>

使用时间格式化插件Moment.js

1、安装

npm install moment --save

2、在使用的文件中引入：

import moment from "moment"; 

3、使用

console.log( moment().format() )

打印结果如下： 

参考 Moment.js 中文文档：Moment.js 中文网