使用Laravel自带前端框架,Vue使用marked插件怎么添加

### package.json > 在根目录下,可以具体查看他提供了那些前端框架: ``` js "devDependencies": { "axios": "^0.16.2", "bootstrap-sass": "^3.3.7", "cross-env": "^5.0.1", "jquery": "^3.1.1", "laravel-mix": "^1.0", "lodash": "^4.17.4", "vue": "^2.1.10" } ``` 具体怎么使用,<a href="https://laravel-china.org/docs/laravel/5.7/frontend/2267" target="_blank">LaravelChina上的文档</a>已经讲的很清楚的,我只说说上没有讲到的. ### 添加其他没有包含在内的JS插件 1. 先使用 NPM 来安装你想要使用的插件,比如marked.js ``` js npm install marked --save ``` 2. 把你装好的这个插件添加到VUE里面去,找到项目目录下的: ``` js resources/assets/js ``` 这个目录下会有两个文件,app.js 和 bootstrap.js,我是在app.js把marked添加到Vue的。 ```js import marked from 'marked' Vue.prototype.marked = marked ``` 这样我就能在Vue里面通过this.marked调用它。 #### 注意,Vue插件可以使用Vue.use添加插件,如: ```js import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor) ```