Vue踩坑筆記（一）

didikee 發布于2019-08-21 15:20 / 1760人閱讀

摘要：下面是代碼，作為記錄，以后會用的著。。。定義一個網站質量組件定義一個子組件，組件內的標簽想出來延時忙時網站質量數據定義父組件，在父組件內部注冊子組件

最近在用vue做的一個項目中用到組件，我想通過v-for指令，在子組件內部動態構造出li標簽，添加不同的內容，在官網上沒有找到在組件內部使用v-for的例子，一開始vue實例化的時候數據總是加載不出來，后來同事提示原來數據需要定義在父組件中，問題解決。下面是代碼，作為記錄，以后會用的著。。。

//定義一個網站質量組件
    var zhiliangList=Vue.extend({   //定義一個子組件，組件內的li標簽想v-for出來
          template:""
                    +""
                        +""
                        +""
                            +""
                                +""
                                +""
                                +""
                            +""
                        +""
                                    +""
                                +" "
                                    +"延時：{{item.ys}} s"
                                +" "
                                    +"忙時：{{item.ms}} s"
                                +""
                    +"",
          props:["item"]
        });
        
        //網站質量數據
        var zhiliangArray=[{
                        ys:"2.48",
                        ms:"3.13",
                        cjlogo:"taobao_logo",
                        linesy:"redLine"
                    },
                    {
                        ys:"2.48",
                        ms:"3.13",
                        cjlogo:"jd_logo",
                        linesy:"orangeLine"
                    },
                    {
                        ys:"1.98",
                        ms:"2.83",
                        cjlogo:"souhu_logo",
                        linesy:"yellowLine"
                    },
                    {
                        ys:"1.48",
                        ms:"2.53",
                        cjlogo:"sina_logo",
                        linesy:"greenLine"
                    },
                    {
                        ys:"1.08",
                        ms:"2.13",
                        cjlogo:"wangyi_logo",
                        linesy:"blueLine"
                    }];
        
        
        Vue.component("zhiliang",{  //定義父組件，在父組件內部注冊子組件
          template:"",
          data:function(){
              return {
                  items:zhiliangArray
              }
          },
          components:{
            "zhiliang-list":zhiliangList
          }
        });

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88165.html

vant DatetimePicker 踩坑筆記

摘要：是有贊出的一個基于的組件庫。最近要做一個滾動選擇日期的日歷找到了它，感覺文檔不夠細致，缺少足夠的代碼。一開始我只使用了設置選中值，結果發現當前選項內容改了但是其它選項全部消失，所以還得加上重新設置一遍被選值。可查看實例詳細信息。 vant是有贊出的一個基于vue的組件庫。最近要做一個滾動選擇日期的日歷找到了它，感覺文檔不夠細致，缺少足夠的demo代碼。以下是我的踩坑之處： Events...

sihai 2019-08-23 17:51 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0
(原創)vue 學習筆記

摘要：菜鳥教程這是一個屬性其值是字符串菜鳥教程同上這是一個屬性其值是字符串用于定義的函數，可以通過來返回函數值。它們都有前綴，以便與用戶定義的屬性區分開來。開篇語我最近學習了js,取得進步,現在學習vue.js.建議新手學習,請不要用npm的方式(vue-cli,vue腳手架),太復雜了. 請直接下載vue.js文件本地引入,就上手學習吧參照菜鳥教程網站的vue.js教程http://...

layman 2019-08-22 18:09 評論0 收藏0