欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

學(xué)習(xí)筆記編寫vue的第一個(gè)程序

 更新時(shí)間：2021年08月27日 17:34:09   作者：晴空_V9  
這篇文章主要介紹了學(xué)習(xí)筆記vue的第一個(gè)程序，其中非常詳細(xì)的為大家講解了vue程序的創(chuàng)建步驟，有需要的朋友可以學(xué)習(xí)下，希望可以有所幫助

 這里使用官方文檔的cdn

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

1、編寫一個(gè)html，第一個(gè)vue程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title> 
</head>
<body>
<!--view層   模板-->
<div id="app">
    {{message}}
</div>
 <!--導(dǎo)入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
 <script>
    var vm = new Vue({
        el:"#app",
        //model：數(shù)據(jù)
        data:{
            message:"hello,vue"
        }
    });
 </script>
 </body>
</html>

注意視圖模板和數(shù)據(jù)

View視圖

Model模型

ViewModel：雙向綁定就是  你們前端數(shù)據(jù)改變 你們data中的數(shù)據(jù)也會(huì)改變

 可以在頁(yè)面不刷新的情況下改變數(shù)據(jù)然后同步到前端顯示

 

判斷循環(huán)

  • if
  • for 

事件 

  • on 

787原則

學(xué)習(xí)vue我們必須知道它的7個(gè)屬性，8個(gè) 方法，以及7個(gè)指令

el屬性

用來(lái)指示vue編譯器從什么地方開始解析 vue的語(yǔ)法，可以說(shuō)是一個(gè)占位符。

data屬性

用來(lái)組織從view中抽象出來(lái)的屬性，可以說(shuō)將視圖的數(shù)據(jù)抽象出來(lái)存放在data中。

template屬性

用來(lái)設(shè)置模板，會(huì)替換頁(yè)面元素，包括占位符。

methods屬性

放置頁(yè)面中的業(yè)務(wù)邏輯，js方法一般都放置在methods中

render屬性

創(chuàng)建真正的Virtual Dom

computed屬性

用來(lái)計(jì)算

watch屬性

watch:function(new,old){}

監(jiān)聽data中數(shù)據(jù)的變化

兩個(gè)參數(shù)，一個(gè)返回新值，一個(gè)返回舊值

以上就是學(xué)習(xí)筆記vue的第一個(gè)程序的詳細(xì)內(nèi)容，更多關(guān)于vue程序的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論