在开始学习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,不同场景使用不同的方式,语法也有点不同,用的时候要注意是哪种场景,哪种情况