講師回答 / Brian
在ES5語法下面,直接使用cdn的方式引入 vue.js,然后就直接可以寫Vue相關(guān)的語法了(ES5)如果需要使用vue文件(ES6語法),你就需要類似webpack+babel這一類的打包工具了,它們提供了轉(zhuǎn)義與打包的基礎(chǔ)功能。參考鏈接:vue起步cli服務(wù)如何在傳統(tǒng)項目中使用cli或者說使用vue文件呢?很簡單,配置一個webpack配置就行了。基本的流程如下:npm init初始化一個項目添加webpack.config.js配置,添加babel + vue loader,使用webpack命令進(jìn)行...
2019-03-18
講師回答 / Brian
有代碼嗎?從console里面看到,有一個變量msg在頁面上使用了,但是data中并未定義的錯誤。vue的chrome插件,建議翻看一下我的回復(fù),我上傳到了github與課程源碼一起,可以參考一下。在about頁面,取值可以使用computed屬性:count () {? ? return this.$store.state.count}這樣,每次,commit提交過來的改變會改變store中的state,同樣,在about頁面中,computed會同步state的數(shù)據(jù)(監(jiān)聽)。
2019-03-16
講師回答 / Brian
哈哈,來來來,邏輯問題,別把自己繞進(jìn)去了。你說的對,if條件不滿足就會輸出else中的,這就是If else條件渲染。那我們來看看我們的例子:
&lsediv?v-for="item?in?list"&/di ??&<div?v-if="item.age?...
2019-03-15
講師回答 / Brian
非常不錯。給你幾個建議吧!都是樣式部分的:對于移動端,可以使用flex布局,又好看,又簡單??梢詤⒖?flex布局對于整個App,要統(tǒng)一色調(diào),下面的按鈕上有一條線,是個青色的,很扎眼睛。我看到你用到了css3中的box-shadow,非常不錯,但是有一個屬性要注意一下。box-shadow:?0 2px 0?rgba(0,0,0,.2);,第三個屬性值是擴散,這里加一點點擴散效果會比較好。參考:box-shadow
2019-03-13
講師回答 / Brian
如果要渲染style,需要這樣寫<div :style="{'color': styMsg}"></div>如果需要使用class的方法綁定,那就直接寫上去,不需要vue<div class='styMsg'></div>style部分:.styMsg {? ? color: red;}
2019-03-12
講師回答 / Brian
目前,鑒于我們免費課程的時長限制,我們不能在這么短的時間把所有的內(nèi)容全講一遍,非常抱歉。我們安排了付費的全棧課程,里面會有工作流、項目生命周期及vue的相關(guān)知識的深化介紹,會在后續(xù)推出,大概5-6月期間,盡請關(guān)注。同樣,我會同步更新我的微博與博客內(nèi)容,如果有學(xué)習(xí)方面的問題,可以來問我。
2019-03-11
講師回答 / Brian
我懷疑是你的路由不對 應(yīng)該是去請求 /home/list, 而非/home。然后檢查一下,home下面的是不是只有一個router-view。有沒有重復(fù)添加組件。
2019-03-08