成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue踩坑筆記（一）

didikee / 1786人閱讀

摘要：下面是代碼，作為記錄，以后會(huì)用的著。。。定義一個(gè)網(wǎng)站質(zhì)量組件定義一個(gè)子組件，組件內(nèi)的標(biāo)簽想出來延時(shí)忙時(shí)網(wǎng)站質(zhì)量數(shù)據(jù)定義父組件，在父組件內(nèi)部注冊(cè)子組件

最近在用vue做的一個(gè)項(xiàng)目中用到組件，我想通過v-for指令，在子組件內(nèi)部動(dòng)態(tài)構(gòu)造出li標(biāo)簽，添加不同的內(nèi)容，在官網(wǎng)上沒有找到在組件內(nèi)部使用v-for的例子，一開始vue實(shí)例化的時(shí)候數(shù)據(jù)總是加載不出來，后來同事提示原來數(shù)據(jù)需要定義在父組件中，問題解決。下面是代碼，作為記錄，以后會(huì)用的著。。。

//定義一個(gè)網(wǎng)站質(zhì)量組件
    var zhiliangList=Vue.extend({   //定義一個(gè)子組件，組件內(nèi)的li標(biāo)簽想v-for出來
          template:"
  • "
                    +"
    "
                        +""
                        +""
                            +""
                                +""
                                +""
                                +""
                            +""
                        +"
    "
                                    +""
                                +""
                                    +""
                                +""
                                    +""
                                +"
    "
                    +"
    • ",
          props:["item"]
        });
        
        //網(wǎng)站質(zhì)量數(shù)據(jù)
        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",{  //定義父組件，在父組件內(nèi)部注冊(cè)子組件
          template:"
    ",
          data:function(){
              return {
                  items:zhiliangArray
              }
          },
          components:{
            "zhiliang-list":zhiliangList
          }
        });

    文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88165.html

    相關(guān)文章

    • vant DatetimePicker 踩坑筆記

      摘要：是有贊出的一個(gè)基于的組件庫。最近要做一個(gè)滾動(dòng)選擇日期的日歷找到了它，感覺文檔不夠細(xì)致，缺少足夠的代碼。一開始我只使用了設(shè)置選中值，結(jié)果發(fā)現(xiàn)當(dāng)前選項(xiàng)內(nèi)容改了但是其它選項(xiàng)全部消失，所以還得加上重新設(shè)置一遍被選值?？刹榭磳?shí)例詳細(xì)信息。 vant是有贊出的一個(gè)基于vue的組件庫。最近要做一個(gè)滾動(dòng)選擇日期的日歷找到了它，感覺文檔不夠細(xì)致，缺少足夠的demo代碼。以下是我的踩坑之處： Events...

      sihai 評(píng)論0 收藏0

    • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

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

      sutaking 評(píng)論0 收藏0

    • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

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

      khs1994 評(píng)論0 收藏0

    • (原創(chuàng))vue 學(xué)習(xí)筆記

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

      layman 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <