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

【VUE速成】1.第一個VUE應用

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

引入Vue.js

打開地址:https://www.bootcdn.cn/vue/

選一個版本,min為壓縮版本js,引用到網頁

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

或者直接下載下來本地引用也行。

創建第一個VUE應用

使用vue很簡單

在文檔末尾,body之前寫script標簽,聲明Vue類

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

通過el屬性綁定一個文檔標簽,例如綁定一個id為main的div,此時什么都沒有,但是已經綁定完成。在下面的div中已經可以使用數據了。

<!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方法里面。數據名稱自己隨意命名即可,內容類型可以為文本或者數字。

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

在標簽中引用內容,使用雙大括號包裹數據名稱的方法引用

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

這個時候,瀏覽網頁,會顯示為:

大家好,我是渣渣輝

使用兩個數據

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

此時網頁顯示為

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

THE END
主站蜘蛛池模板: 99久久精品久久久久久清纯 | 国产高清国产专区国产精品 | 国产精品亚洲第一区柳州莫青 | 亚洲美女aⅴ久久久91 | 播播网手机在线播放 | 五月久久亚洲七七综合中文网 | 国产精品一国产精品 | 人人草97 | 91免费永久在线地址 | 国产高清在线看免费视频观 | 夜精品a一区二区三区 | 国内精品伊人久久久久妇 | 在线一区国产 | 黄色不卡视频 | 欧日韩视频777888 | 亚洲天堂美女 | 国产精品日本欧美一区二区 | 欧美日韩亚洲国内综合网俺 | 国产精品一区二区av | 成人午夜精品久久不卡 | 亚洲天堂男 | 在线免费亚洲 | 精品国产欧美一区二区五十路 | 日韩欧美国产一区二区三区 | 亚洲午夜精品久久久久久抢 | 精品精品国产高清a毛片 | 毛片看看 | 手机看片国产日韩 | 国产v欧美v日韩在线观看 | www.色亚洲| 日韩中文字幕免费在线观看 | 加勒比一本一道在线 | 女人十八一级毛片 | 男人的天堂欧美 | 国内精品久久久久久中文字幕 | 亚洲网站免费观看 | 国产a久久精品一区二区三区 | 香焦视频在线观看黄 | 欧美xxx国产xxx | 亚洲精品综合一区二区三区 | 全免费a级毛片免费毛视频 全午夜免费一级毛片 |