怎么编写出vue.js菜单组件

小编给大家分享一下怎么编写出vue.js菜单组件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

写出vue.js菜单组件的方法:首先使用【index . html】编写入口页面,然后使用【clickoutside.js】下拉框组件,代码为【Vue.directive (& # 39; clickoutside& # 39;】,最后实现样式表。

<强>写出vue。js菜单组件的方法:

<强> 1,入口页面指数。html

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=癠TF-8"祝辞 　　& lt;元名称=皏iewport"内容=翱矶?设备宽度,初始=1.0,比; 　　& lt;元http-equiv=癤-UA-Compatible"内容=癷e=edge"比; 　　& lt; title>可从外部关闭的下拉菜单& lt;/title> 　　& lt;链接rel=皊tylesheet"类型=拔谋?css"href=https://www.yisu.com/zixun/" style.css "> 　　头 　　<身体> 　　

　　

　　<按钮@click="展示=!秀”>点击显示下拉菜单> 　　

下拉框的内容,点击外面区域可以关闭