現(xiàn)在網(wǎng)上抄的沸沸揚(yáng)揚(yáng)的VUE看來(lái)是個(gè)很NB的東西啊,看了一下,確實(shí)相對(duì)于angular1來(lái)說(shuō)簡(jiǎn)化了不少東西,性能方面也比angular1要好很多,所以現(xiàn)在用的人越來(lái)越多了,于是作為前端,學(xué)習(xí)一下新東西不至于被淘汰那是必須的~在網(wǎng)上看了一下,感覺(jué)還不錯(cuò),打算用它寫個(gè)單頁(yè)面應(yīng)用。于是……坑就跟著來(lái)了……

  首先聲明本人不會(huì)webpack和es6但是看了一下網(wǎng)上用VUE寫單頁(yè)面程序的基本上都是用的webpack和ES6,他大爺?shù)?!這就有點(diǎn)欺負(fù)人了!不會(huì)什么非用什么?就不能做一個(gè)簡(jiǎn)簡(jiǎn)單單的前端嗎?非要用什么NPM(雖然裝這node但是不想用)。于是就走上了傳統(tǒng)道路的VUE之旅,用require寫VUE。百度了一下,網(wǎng)上用require寫VUE的還真不多,于是把自己用require寫VUE的過(guò)程寫出來(lái),幫助那些跟我一樣,不會(huì)webpack和ES6又想用VUE的人。好了言歸正傳,上代碼!

先來(lái)看看require的入口JS吧!

移動(dòng)開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

 1 require.config({ 2     paths:{ 3         "text":"text", 4         "jquery":"jquery", 5         "vue":"vue", 6         "vueRouter":"vue-router", 7         "common":"common", 8         "iview":"iview.min", 9         "element":"element"10     },11     waitSeconds:312 });13 require(['common','jquery','vue','vueRouter','iview'],function(common,$,Vue,VueRouter,iview){14     Vue.use(VueRouter);15     Vue.use(iview);16     var router=new VueRouter({17         routes:[18      &
        
		

網(wǎng)友評(píng)論