使用vue的2種方式

2021-09-29 20:39:52 字數 739 閱讀 9358

在開始學習vue的時候,很混亂,自己學習的是vue cli這種形式,但是在網上查詢的時候,很多都和我學的不一樣,當時很懵逼,到底vue是怎麼樣的?或者說2種都行,那2種又有什麼區別呢,是新老版本的不同還是其他的不同?反正一堆這樣的疑問,也沒人指導,搞不清。

自己當初是先學習的vue腳手架開發的方式,後來又一次開發公司web專案,發現用到了vue.js,這時候才發現了自己學的和網上看到的區別了,有乙個區分的概念界限了。下面是自己的一些理解:

首先,vue開發分為2種方式:

一、單頁面應用

整個應用都是基於vue框架開發的,使用vue腳手架,應用由多個模組及各種元件組成。

二、多頁面應用

比如乙個jsp頁面,如果需要使用vue.js,該怎麼用呢?

2 新建乙個xx.vue.js檔案寫vue的**,並引入到當前這個jsp頁面

4 var expertranking這個變數就是整個被選中的區域,在new vue()裡寫的**就可以在jsp中id="expertranking"的                中使用了,比如變數,比如方法等。

三、上面這2種方式的vue,不同場景使用不同的方式,語法也有點不同,用的時候要注意是哪種場景,哪種情況

Python使用全域性變數 2種方式

python是指令碼語言,編寫很方便,如何定義使用全域性變數卻有特殊之處,說明如下 定義全域性變數 num 1 使用全域性變數,並對其賦值 def fun1 global num print num str num num 10 print num str num 定義的全域性變數無法被其它檔案訪問...

Vue專案3種構建方式

在vue專案中的vue.config.js中能夠配置3種構建方式 config when process.env.node env development config config.devtool cheap source map 瀏覽器中無法實際原始碼 config config.devtool...

vue8種通訊方式

參考 寫的很詳細 vue.js實戰 本人實際操作 我這邊籠統說一下 1.props emit 概念 父元件通過props的方式向子元件傳遞資料,而通過 emit子元件可以向父元件通訊。2.children parent 概念 通過 parent和 children就可以訪問元件的例項。使用 this...