1.下载highlight.js高亮插件

进入官网你会看见获取代码这里是的版本是9.15.6

然后你会看见有三种获取代码的方式,第一种使用过cdn第二种是直接下载代码第三种是npm进行安装,这里我们介绍第二种下载。

首先先勾选你要高亮的语言勾选完成后在下方有一个下载,

到这里下载就完成了。

2.配置highlight.js

先不要着急引入样式,我们先看看highlight.js给我提供的85种样式

我个人还是比较喜欢a11ydar你们可以按照自己的喜好进行挑选,然后记住名字,到下载的文件中进行引入,下面就是下载解压后的文件,点击进入styles`中

你会看到,很多css,把你从官网上选中的名字记住然后从这里找到,最后引入。

接下在开始配置了。

配置完成后我们就可以使用了

1.下载

https://github.com/fengyuanchen/distpicker

2.使用

话不多说直接源码

  1. 使用Laravel,Mix和Vue.js,
  2. 已经知道Laravel的.env功能并问自己那个是什么?

前缀为MIX_您甚至不必重新输入现有的变量值,只需按原样使用它们

然后你就可以在vue文件当中任意位置使用了

话不多说直接上源代码,花了我20分钟写出来的东西好好保存

我们已经知道,从父组件向子组件通讯,通过props传递数据就可以了,但Vue组件通讯的场景不止这一种,归纳起来,组件之间通讯可以用下图表示