?第一種:vue是javaScript的一種框架畸陡,和javaScript的其他庫和框架的使用一樣馆类,直接把scdn引入男娄,使用就可以
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>相當(dāng)于jquery庫一樣毅往,然后就可以使用了
第二種:快速的運(yùn)行vue文件檩淋,需要用到vue的一個(gè)服務(wù)芬为,
使用方法,先下載一個(gè)服務(wù)
cnpm install -g @vue/cli-service-global 執(zhí)行這個(gè)命令蟀悦,全局按照這個(gè)插件媚朦。
然后直接在需要運(yùn)行的vue文件目錄下執(zhí)行?vue serve 02.vue這個(gè)命令就可以了,02.vue是文件名日戈。
第三種:使用腳手架工具
正規(guī)的開發(fā)流程?
先安裝npm install -g @vue/cli
vue --version 查看安裝的版本
vue create hello-world創(chuàng)建項(xiàng)目 hello-world是項(xiàng)目名询张。
然后cd 到相應(yīng)的目錄,然后執(zhí)行?yarn serve運(yùn)行即可浙炼。
文件目錄說明份氧,node_modules中存放的都是第三方插件唯袄。public中存放的是靜態(tài)文件,如圖片和css文件 src中存放的是源代碼蜗帜。assets存放的是當(dāng)前項(xiàng)目的靜態(tài)文件恋拷。
這樣創(chuàng)建的項(xiàng)目入口是main.js文件,vue中引入文件如果文件的地址是帶./的說明引入的是自己創(chuàng)建的模塊厅缺,如果引入的是下載的第三方模塊蔬顾,就沒有這個(gè)./了。render函數(shù)做的事情是把虛擬DOM按照vue的算法轉(zhuǎn)化為真實(shí)的DOM.