使用vue的2种方式
在开始学习vue的时候，很混乱，自己学习的是vue cli这种形式，但是在网上查找的时候，很多都和我学的不一样，当时很懵逼，到底vue是怎么样的？或者说2种都行，那2种又有什么区别呢，是新老版本的不同还是其他的不同？反正一堆这样的疑问，也没人指导，搞不清。自己当初是先学习的vue脚手架开发的方式，后来又一次开发公司web项目，发现用到了vue.js，这时候才发现了自...
在开始学习vue的时候，很混乱，自己学习的是vue cli这种形式，但是在网上查找的时候，很多都和我学的不一样，当时很懵逼，到底vue是怎么样的？或者说2种都行，那2种又有什么区别呢，是新老版本的不同还是其他的不同？反正一堆这样的疑问，也没人指导，搞不清。
自己当初是先学习的vue脚手架开发的方式，后来又一次开发公司web项目，发现用到了vue.js，这时候才发现了自己学的和网上看到的区别了，有一个区分的概念界限了。下面是自己的一些理解：
首先，vue开发分为2种方式：
一、单页面应用
整个应用都是基于vue框架开发的，使用vue脚手架，应用由多个模块及各种组件组成。
vue单页面应用的环境如何搭建，可以点击查看
二、多页面应用
比如一个jsp页面，如果需要使用vue.js，该怎么用呢？
1 引入vue.js，在<head>中引入vue.min.js，当然，这个文件要自己先从网上下载放到项目目录下
2 新建一个xx.vue.js文件写vue的代码，并引入到当前这个jsp页面
3 给要使用vue的那块区域加上一个id，如：expertRanking，并在xx.vue.js中选择该id
4 var expertRanking这个变量就是整个被选中的区域，在new Vue({...})里写的代码就可以在jsp中id="expertRanking"的 中使用了，比如变量，比如方法等。
三、上面这2种方式的vue，不同场景使用不同的方式，语法也有点不同，用的时候要注意是哪种场景，哪种情况
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
1
0- 0
已为社区贡献2条内容
所有评论(0)