vue插件安装教程
越来越多的人选择用vue插件来实现前端页面的js功能。此次教程,我们在java web项目中安装vue插件。不想在项蚕蝣鲢蹙目中试验的网友,可以参考本人的另一篇原创经验:【vue.js下载与使用入门】,网址:https://jingyan.baidu.com/article/f25ef25485d759482d1b825e.html
工具/原料
vue.min.js
已构建的web项目
前期准备
1、先下载vue.min.js。下载地址:https://vuejs.org/js/vue.min.js得到一个如下图的js文件。
2、构建一个web项目。已经有web项目了,就可以跳过这个步骤。内容比较多,请参考本人的另一篇原创经验:【使用i颊俄岿髭dea新建maven web项目】,网址链接:https://jingyan.baidu.com/article/5553fa8279f97365a239341e.html
安装vue插件
1、创建插件存放的文件夹。在webapp下依次创建static,plugins,vue三层文件夹。
2、把vue.min.js复制到vue文件夹下。
3、复制后,如图所示。双击可以打开查看源码。
4、引用vue插竭惮蚕斗件。用<script type="text/javascript"src租涫疼迟="/static/plugins/vue/vue.min.js"></script>语句引入vue.js,然后就可以调用vue插件的全部功能了。
5、安装完成,启动项目后,用vue实现的例子正常。vue插件安装成功。例子的代码在原创经验【vue.js下载与使用入门】,网址:https://jingyan.baidu.com/article/f25ef25485d759482d1b825e.html