Vue由淺入深學習系列筆記之01

申明

創(chuàng)新互聯(lián)公司自2013年起，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站制作、成都做網(wǎng)站網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元龍泉做網(wǎng)站,已為上家服務(wù),為龍泉各地企業(yè)和個人服務(wù),聯(lián)系電話:18982081108

????首先的說在前面，此博客是個人從0起步學習vue,vue專家大神級別，請繞道，不用在這里浪費時間，如果你能夠繼續(xù)看下去呢，希望你和我一樣本著初學的熱情和從頭開始的耐心來上手一個優(yōu)秀的前端框架vue.線上關(guān)于vue的學習資料和視頻很多很多，那我為什么記錄這系列的學習筆記了，主要有以下兩個原因：1、提供一份由淺入深，循序漸進的完整筆記、認真負責的筆記，2、相對于視頻來講，從筆記上學習會快很多，我想用個人的視頻學習時間為大家省下再看視頻的時間。如果你贊同且有興趣，很開心能和你分享。下面我們正式進入學習筆記...

下載安裝

????初學、為了入門，我們先使用直接引入vue.js庫的方式進行學習，首先，我們進到vue官網(wǎng):https://cn.vuejs.org/v2/guide/installation.html 點擊

下載vue.js庫。在自己磁盤上創(chuàng)建給目錄如：vue-learn，并把下載好的js拷貝進去，然后創(chuàng)建一個標準的html5結(jié)構(gòu)的index.html文件，并使用<script>標簽引入vue.js到改頁面。

基礎(chǔ)示例

????vue給我們提供了模型視圖數(shù)據(jù)雙向綁定，也就是只要你把數(shù)據(jù)模型定義好，初始化vue實例時將其注冊與相應(yīng)視圖綁定后，數(shù)據(jù)模型改變或是視圖數(shù)據(jù)改變，數(shù)據(jù)會進行雙向同步。下面給出一個1、定義視圖 2、定義數(shù)據(jù)模型 3、實例化vue并注冊視圖和數(shù)據(jù)模型 4、改變數(shù)據(jù)模型自動反映到視圖的實例：

????通過實例中的changeName方法調(diào)用改變數(shù)據(jù)模型，vue會自動同步更新視圖，大家可以試試，那么vue是否提供我們獲取數(shù)據(jù)改變前后的監(jiān)聽事件呢，有的如下：

本篇核心知識點：

• 實例化vue并注冊數(shù)據(jù)模型與視圖綁定：var vm = new vue(注冊對象) ，其中注冊對象有兩個數(shù)據(jù)el（設(shè)置為頁面模型選擇器）、data設(shè)置為數(shù)據(jù)模型對象

• 文本插值符及使用方式：{{數(shù)據(jù)模型對象的屬性名稱}}

• 模型對象的取值方式：vm.$data.屬性名

• vue內(nèi)置數(shù)據(jù)改變監(jiān)聽方法注冊：vm.$watch("數(shù)據(jù)模型對象屬性名稱",function(newVal,oldVal){...})

分享文章：Vue由淺入深學習系列筆記之01
文章分享：http://muchs.cn/article10/jpdsdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、網(wǎng)站改版、域名注冊、虛擬主機、微信公眾號、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)