1. 程式人生 > >Vue之路之--Vue例項的一些理解(未完待續)

Vue之路之--Vue例項的一些理解(未完待續)

直接上程式碼:

var app =  {sanfu:"vueJS是一個好框架"}
		var vm =  new Vue({
			el:"#container",
			data:app
		})
		//除了 data 屬性, Vue 例項暴露了一些有用的例項屬性與方法。這些屬性與方法都有字首 $。也就是說vue例項
		//可以訪問建構函式裡面的屬性,但必須前面加上$,以作和代理的data屬性區分
		vm.$el==document.getElementById("container")//true
		// 同理
		vm.$data == app//true;區別於vm.data是直接訪問是建構函式data屬性中,data資料;
		vm.$watch("sanfu",function(newOne,oldOne){
			console.log(oldOne)
		})
		//監控sanfu資料變化,當vm.sanfu變化的時候才會執行回撥函式
		vm.sanfu =  "aha!"//此時就會執行那個回撥函式,因為sanfu的值發生了變化

一句話總結之,Vue的例項是構造Vue應用的基礎,Vue例項能夠代理(訪問)data物件裡面的屬性和資料,現在資料是能夠訪問了,那麼問題來了,如果我要訪問建構函式裡面的屬性怎麼辦呢?答案當然是通過Vue例項就可以解決--Vue例項也能夠訪問建構函式中的屬性和方法,但前提是在屬性和方法前加$,以便和代理的data屬性區分

相關推薦

Vue--Vue例項一些理解待續

直接上程式碼: var app = {sanfu:"vueJS是一個好框架"} var vm = new Vue({ el:"#container", data:app })

學習筆記——HOG、LBP與Haar特徵待續

本博文為HOG、LBP與Haar運算元的學習筆記。   方向梯度直方圖HOG 主要參考博文如下: https://blog.csdn.net/wjb820728252/article/details/78395092(這篇博文翻譯水平真的太爛了,可以參考裡面給的原連結)

C++ 類繼承的深入理解待續

說起繼承,就是對現有的類的方法和欄位進行重複的使用 (1)公有繼承父類的方法,繼承完父類所有的屬性,都繼承到了子類,這些欄位都是子類的了, 不存在是父類的,還是子類的欄位,都是子類的。只是子類能否用自己繼承的方法進行訪問而已。  對於父類的私有成員,雖然子類可以繼承這個方法

<C++學習二十>C++中函式過載的理解待續

摘要: 本篇部落格僅作為筆記,如有侵權,請聯絡,立即刪除(網上找部落格學習,然後手記筆記,因紙質筆記不便儲存,所以儲存到網路筆記)。   我們平時寫程式碼中會用到幾個函式但是他們的實現功能相同,但是有些細節卻不同。例如:交換兩個數的其中包括(int,float,char,double)這些型別。這C語言中我

【雙目視覺探索2】獲取視差圖待續

如前所述,本系列首先通過視差圖的實現,從直觀的角度對雙目立體視覺首先進行個大概的瞭解。 立體視覺的整體概述: 雙目立體視覺測物體空間資訊的流程順序應為: 如前一講所述,整個雙目立體視覺的實現流程可分為標定以及立體視覺的實現。 標定: 標定的目的為獲得相機的內外參,其基本原

Qt例項-UCF資料標註4介面佈局待續

1.問題描述:放在主函式裡面resize和在建構函式中resize一個有效果一個沒有效果 2.問題描述:layout對mainwindow沒用,對dialog有效果,即mainwindow放大縮小時,當QLabel控制元件指定大小後,不隨視窗的改變而改變。 3.問題描述:如

Vue路由--router待續

在前端開發的生涯中,很有可能會開發SPA(single page appaication)單頁面應用,單頁面應用少不了用到路由,那麼Vue中的路由是怎麼用的呢,下面我們就來探討一下: 一、Vue路由簡介: 用來開發SPA(單頁面應用),根據不同的url地址顯示不同的內容,但顯示在同一個頁

學習筆記——前景檢測演算法待續

    這段時間,本人主要對視訊前景提取演算法進行了學習,在此寫下學習筆記~希望與各位看客多交流學習(本學習筆記部分來自我的三位師弟的調研報告~由於保密隱私,不在此公開,但是非常感謝三位師弟~),好下面進入正題 前景是影象或視訊場景中可見性、顯著性更強的部分。前

Java Swing使用者介面元件選擇元件簡介待續

對使用者介面進行設計時,很多情況下都需要給使用者以選項做出選擇。因此常常會用到選擇元件,其中包括:複選框元件(JCheckBox)、單選框元件(JRadioButton)等。本篇文章主要介紹了Java Swing元件複選框JCheckBox用法,結合具體例項形

作業系統-Linux硬體裝置命名待續

摘要: 本篇部落格僅作為筆記,如有侵權,請聯絡,立即刪除(網上找部落格學習,然後手記筆記,因紙質筆記不便儲存,所以儲存到網路筆記)。   下表列出雞哥常見的裝置與其在Linux中的檔名: 裝置 裝置在Linux內的檔名 IDE硬碟機 /dev

總結篇-Vue框架相關待續...

1.MV*的簡單理解 //MVC框架模式:基於分職責的原則,實現檢視,資料,演算法的分離。 Model(模型)+View(檢視)+controller(控制器)      1.model盛放的就是需要展示的資料和狀態變化的資料; 2.

Django restful api待續

Restful api 符合REST架構設計的API叫做restful api。 那麼什麼是REST呢?REST是所有Web應用都應該遵守的架構設計指導原則。 Representational

jq+layuitable表每行的編輯按鈕只能點擊觸發一次的問題的解決待續

控制臺 技術分享 目標 分享圖片 地方 觸發 div 一次 可見   在寫好表之後,測試時會發現,當你點擊第一行的“修改”,突然不想修改了,關閉了“修改”的彈窗,但是這時候你想到剛才第一行的修改還有地方要修改,你重新點擊“修改”按鈕,這時候它似乎故意跟你過不去似的,修

Linux Framebuffer驅動框架二軟體架構待續

/************************************************************************************************************************************/

h5移動端手機拍照,壓縮旋轉,上傳 vue,FileReader,exif-js,canvas,axios待續

import EXIF from 'exif-js' export default { name: '', data () { return { compressFrondImage: '', // 壓縮之前的圖片 compressEndImage: '' // 壓縮

資料鏈層小小結待續...

資料鏈路層:把實現相關規程的硬體和軟體加到鏈路上,就構成了資料鏈路。1.功能:1)鏈路管理 2)訊息的傳輸 3)流量與差錯控制 4)異常情況處理2.流量控制協議:停-等流量控制、滑動視窗流量控制1)停-等流量控制:原理:先檢車幀是否正確,再向傳送節點回送一確定幀ACK。特殊情況處理:超時計時器、給幀編序號。缺

數據鏈層小小結待續...

進制 窗口 byte 地址 管理 字符型 信道 協議 通信 數據鏈路層:把實現相關規程的硬件和軟件加到鏈路上,就構成了數據鏈路。1.功能:1)鏈路管理 2)消息的傳輸 3)流量與差錯控制 4)異常情況處理2.流量控制協議:停-等流量控制、滑動窗口流量控制1)停-等流量控制:

【設計模式總結】對常用設計模式的一些思考待續。。。

前言 在【Java設計模式】系列中,LZ寫了十幾篇關於設計模式的文章,大致是關於每種設計模式的作用、寫法、優缺點、應用場景。 隨著LZ自身的成長,再加上在工作中會從事一定的架構以及底層程式碼設計的原因,在近半年的實踐中,對於設計模式的理解又有了新的認識,因此有了此文,目的

<Python基礎學習三>例項1:“溫度轉換”問題分析待續

摘要: 本篇部落格僅作為筆記,如有侵權,請聯絡,立即刪除(網上找部落格學習,然後手記筆記,因紙質筆記不便儲存,所以儲存到網路筆記)。   兩種刻畫溫度的不同體系:攝氏度(C)、華氏度(F)。   問題分析:直接將溫度值進行轉換。   --劃分邊界(IPO):     (1)輸入(I):帶華氏度或攝氏度

python——作業:高級FTP僅供參考

ice 靜態 enc lose 自己的 創建目錄 返回 msg 組成 一、作業需求 1. 用戶加密認證2. 多用戶同時登陸3. 每個用戶有自己的家目錄且只能訪問自己的家目錄4. 對用戶進行磁盤配額、不同用戶配額可不同5. 用戶可以登陸server後,可切換目錄6. 查看當前