国产精在线-国产精欧美一区二区三区-国产精视频-国产精品 日韩-一级黄色片在线看-一级黄色片在线播放

【VUE速成】1.第一個(gè)VUE應(yīng)用

引用VUE,可以使用CDN或者本地方法引入即可。

引入Vue.js

打開(kāi)地址:https://www.bootcdn.cn/vue/

選一個(gè)版本,min為壓縮版本js,引用到網(wǎng)頁(yè)

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>

或者直接下載下來(lái)本地引用也行。

創(chuàng)建第一個(gè)VUE應(yīng)用

使用vue很簡(jiǎn)單

在文檔末尾,body之前寫(xiě)script標(biāo)簽,聲明Vue類

<script type="text/javascript">
  new Vue({
    
    }
  })
</script>

通過(guò)el屬性綁定一個(gè)文檔標(biāo)簽,例如綁定一個(gè)id為main的div,此時(shí)什么都沒(méi)有,但是已經(jīng)綁定完成。在下面的div中已經(jīng)可以使用數(shù)據(jù)了。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="lib/vue.min.js"></script>
  </head>
  <body>
    <div id="main">
      
    </div>
  </body>
  <script type="text/javascript">
    new Vue({
      el: '#main',
      
    })
  </script>
</html>

添加data屬性到vue方法里面。數(shù)據(jù)名稱自己隨意命名即可,內(nèi)容類型可以為文本或者數(shù)字。

<script type="text/javascript">
    new Vue({
      el: '#main',
      data: {
        msg: '大家好,我是渣渣輝',
        msg2: '大家好,我是古天落'
      }
    })
  </script>

在標(biāo)簽中引用內(nèi)容,使用雙大括號(hào)包裹數(shù)據(jù)名稱的方法引用

<div id="main">
  {{msg}}
</div>

這個(gè)時(shí)候,瀏覽網(wǎng)頁(yè),會(huì)顯示為:

大家好,我是渣渣輝

使用兩個(gè)數(shù)據(jù)

<div id="main">
  {{msg}},{{msg2}}
</div>

此時(shí)網(wǎng)頁(yè)顯示為

大家好,我是渣渣輝,大家好,我是古天落

THE END
主站蜘蛛池模板: 久久国产精品最新一区 | 国产黄色三级三级三级 | 精品一区二区三区在线观看l | 亚洲欧美精选 | 精品久久久久久中文字幕一区 | 18在线| 日韩欧美视频一区二区 | 久久91综合国产91久久精品 | 成人免费午间影院在线观看 | 久久99精品一级毛片 | 美国三级 | 精品视频自拍 | 国产精品李雅在线观看 | 香蕉久久夜色精品国产尤物 | 亚洲成人高清 | 中国黄色一级大片 | 国内精品视频九九九九 | 日本阿v视频在线观看高清 日本波多野结衣视频 | 国产精品亚洲欧美日韩一区在线 | 99久久国产综合精品成人影院 | 久青草视频在线 | 在线观看国产一级强片 | 中文字幕亚洲欧美 | 国产大片在线看 | 亚洲国产精品免费观看 | 一本色道久久综合狠狠躁 | 久久久在线视频精品免费观看 | 免费区一级欧美毛片 | 黄色一级a毛片 | 中文字幕成人 | 日本在线免费观看视频 | 欧美中文字幕 | 国产成人免费永久播放视频平台 | 成人午夜在线 | 99综合视频| 欧美成人免费sss | 五月天激激婷婷大综合蜜芽 | 成人欧美视频在线观看 | 男女扒开双腿猛进入免费网站 | 高清国产亚洲va精品 | 亚洲午夜影视 |