亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

學習筆記編寫vue的第一個程序

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

 這里使用官方文檔的cdn

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

1、編寫一個html，第一個vue程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title> 
</head>
<body>
<!--view層   模板-->
<div id="app">
    {{message}}
</div>
 <!--導入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ù)也會改變

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

 

判斷循環(huán)

  • if
  • for 

事件 

  • on 

787原則

學習vue我們必須知道它的7個屬性，8個 方法，以及7個指令

el屬性

用來指示vue編譯器從什么地方開始解析 vue的語法，可以說是一個占位符。

data屬性

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

template屬性

用來設置模板，會替換頁面元素，包括占位符。

methods屬性

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

render屬性

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

computed屬性

用來計算

watch屬性

watch:function(new,old){}

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

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

以上就是學習筆記vue的第一個程序的詳細內容，更多關于vue程序的資料請關注腳本之家其它相關文章！

相關文章

最新評論