使用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,不同場景使用不同的方式,語法也有點不同,用的時候要注意是哪種場景,哪種情況

             

             

             

             

             

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章