使用vue的2种方式

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

             

             

             

             

             

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值