Vue

根据官方文档，使用此插件可以通过直接引用的方式，也可以是下载安装本地包；
1.直接使用

1
2
3
4
5

<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"/>
<script src="https://unpkg.com/aos@next/dist/aos.js”
<script>
AOS.init();
</script>

这种引入方式如果是在Vue项目中，自然是从首页（index.html）中引入。

先看官方文档
直接点击Outlined栏相应的图标会自动将图标名称复制到你的剪切板上,这里我们点击一个类似菜单的图标：

通常我们会这样去使用：

1

<a-icon type="menu-fold-outlined"></a-icon>

但是并不会显示出来

正确的用法应该是：我们在调用的时候标签要去掉分类词

根据：Ant DesiGN Vue 官网 文档，常用属性参考如下：

【方案一】

根据highlight.js官网的介绍，我们在main.js文件中通过import的方式引入：

1
2
3

import hljs from "highlight.js";
import "highlight.js/styles/monokai-sublime.css";
Vue.use(hljs)

这里用到了富文本框WandEditor，引入高亮；

this.editor.highlight = hljs

以上测试环境和打包后在IE上都不兼容，其它浏览器正常运行；

1.将图片放在assets或其某文件下

2.通过以下两种方法引入

1).import img1 from ‘../assets/images/img1.jpg’

在data中定义地址变量：pic:img1

2)直接在data中通过require引入:

pic: require(“../assets/images/img1.jpg”)