多语言展示
当前在线:504今日阅读:193今日分享:47

vue插件安装教程

越来越多的人选择用vue插件来实现前端页面的js功能。此次教程,我们在java web项目中安装vue插件。不想在项目中试验的网友,可以参考本人的另一篇原创经验:【vue.js下载与使用入门】,网址:https://jingyan.baidu.com/article/f25ef25485d759482d1b825e.html
工具/原料
1

vue.min.js

2

已构建的web项目

前期准备
2

构建一个web项目。已经有web项目了,就可以跳过这个步骤。内容比较多,请参考本人的另一篇原创经验:【使用idea新建maven web项目】,网址链接:https://jingyan.baidu.com/article/5553fa8279f97365a239341e.html

安装vue插件
1

创建插件存放的文件夹。在webapp下依次创建static,plugins,vue三层文件夹。

2

把vue.min.js复制到vue文件夹下。

3

复制后,如图所示。双击可以打开查看源码。

4

引用vue插件。用语句引入vue.js,然后就可以调用vue插件的全部功能了。

5

安装完成,启动项目后,用vue实现的例子正常。vue插件安装成功。例子的代码在原创经验【vue.js下载与使用入门】,网址:https://jingyan.baidu.com/article/f25ef25485d759482d1b825e.html

注意事项
1

浏览器如果没有直接提示下载vue.min.js,可以单击鼠标右键,再点击另存为。

2

每个项目的目录结构都不一样,引入时注意检查src路径是否正确。

推荐信息