講師回答 / Brian
<...圖片...>應該是sass插件。建議前端使用webstrom或者Vscode?。?/div>
2019-03-21
講師回答 / Brian
在ES5語法下面,直接使用cdn的方式引入 vue.js,然后就直接可以寫Vue相關的語法了(ES5)如果需要使用vue文件(ES6語法),你就需要類似webpack+babel這一類的打包工具了,它們提供了轉義與打包的基礎功能。參考鏈接:vue起步cli服務如何在傳統項目中使用cli或者說使用vue文件呢?很簡單,配置一個webpack配置就行了?;镜牧鞒倘缦拢簄pm init初始化一個項目添加webpack.config.js配置,添加babel + vue loader,使用webpack命令進行...
2019-03-18
講師回答 / Brian
有代碼嗎?從console里面看到,有一個變量msg在頁面上使用了,但是data中并未定義的錯誤。vue的chrome插件,建議翻看一下我的回復,我上傳到了github與課程源碼一起,可以參考一下。在about頁面,取值可以使用computed屬性:count () {? ? return this.$store.state.count}這樣,每次,commit提交過來的改變會改變store中的state,同樣,在about頁面中,computed會同步state的數據(監聽)。
2019-03-16
講師回答 / Brian
哈哈,來來來,邏輯問題,別把自己繞進去了。你說的對,if條件不滿足就會輸出else中的,這就是If else條件渲染。那我們來看看我們的例子:
&lsediv?v-for="item?in?list"&/di ??&<div?v-if="item.age?...
2019-03-15
講師回答 / Brian
非常不錯。給你幾個建議吧!都是樣式部分的:對于移動端,可以使用flex布局,又好看,又簡單??梢詤⒖?flex布局對于整個App,要統一色調,下面的按鈕上有一條線,是個青色的,很扎眼睛。我看到你用到了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
目前,鑒于我們免費課程的時長限制,我們不能在這么短的時間把所有的內容全講一遍,非常抱歉。我們安排了付費的全棧課程,里面會有工作流、項目生命周期及vue的相關知識的深化介紹,會在后續推出,大概5-6月期間,盡請關注。同樣,我會同步更新我的微博與博客內容,如果有學習方面的問題,可以來問我。
2019-03-11
講師回答 / Brian
我懷疑是你的路由不對 應該是去請求 /home/list, 而非/home。然后檢查一下,home下面的是不是只有一個router-view。有沒有重復添加組件。
2019-03-08
- 課程須知
- 1.前端基礎知識的HTML,Javascript, css 2.適合于前端小白,想了解最流行的前端框架的小伙伴。 3.有基礎的前端/后臺人員,想提高工作效率,擴展前端框架的應用的人
- 老師告訴你能學到什么?
- 1. vue常用模板語法 2. 列表渲染、條件渲染 3. Class與style綁定 4. vue事件綁定與處理 5. vue計算屬性computed, watch 6. vue-cli快速創建工程 7. vue的組件思想,代碼規范 8. vue-router介紹 9. 認識vuex,組件間的通信方式 10. 前端調試方法,vue組件調試方法
微信掃碼,參與3人拼團