怎樣使用vue.js
的特點就是雙向數據綁定以及它的mvvm(model-view-viewmodel)思想,今天咪咪我就來分享一下的使用方法。
操作方法
(01)打開Hbuilder,新建一個web項目,然後把插件放入自己指定的文件夾。
(02)之後,在html界面中引入插件。
(03)然後,定義一個div,把這個div作爲的範圍。div可以展示內容,所以可以理解爲視圖(view)層面。
(04)然後定義一個對象model,model裏面包含有屬性ms。對象名和屬性名可以自定義。因爲待會我們可以一直使用這個對象,所以這個對象可以理解成模型(model)。
(05)接着我們創建一個Vue實例,通過Vue(),我們就可以把之前的視圖,模型連接起來,所以可以把Vue實例看做是一個viewmodel。在Vue實例中用到了兩個屬性el和data,後面的參數表示的視圖和模型,這裏我就連接到div視圖和model模型,也就達到了雙向綁定。
(06)接着看看雙向綁定的效果。如圖,在div裏面書寫表達式{{ms}},然後保存。
(07)這時候瀏覽器就會把表達式解析成對應的數據。因爲我們在model中定義了ms屬性,並且視圖和模型連接成功,所以可以解析出結果。
(08)當然,也可以用v-html指令來把屬性綁定到標籤。
(09)這樣,瀏覽器也可以把它解析成對應的數據喔。並且此時可以看到我在多個地方用到了ms。
(10)而如果我們修改了model裏面的ms的值,然後保存。
(11)這時候,所有的ms的值就會自動更新喲,這時候雙向數據綁定的效果就體現出來了。
-
如何給SQL SERVER數據表之間添加關係
我們使用SQLSERVER的時候,表和表之間有非常多的關係。那麼如何建立表之間的關係呢?下面小編通過一個實例給大家分享一下。操作方法(01)首先打開SQLSERVER,右鍵單擊數據庫關係圖,選擇新建關係圖選項,如下圖所示(02)這個時候會彈出添加表界面,我們選擇要添加關係的表,然後點...
-
Navicat如何同步兩個不同數據庫之間的表?
Navicat是一個數據庫客戶端,它可以連接mysql數據庫,並對其進行管理操作。在Navicat客戶端下,我們可以同步兩個不同數據庫之間的表。具體怎麼操作?下面一起看下操作方法(01)連接上你的數據庫,右鍵點擊數據庫,在彈出的菜單裏,點擊‘DataTransfer'(02)點擊後,彈出DataTra...
-
怎樣註銷支付寶賬戶
支付寶(中國)網絡技術有限公司是國內領先的第三方支付平臺,致力於提供“簡單、安全、快速”的支付解決方案。支付寶公司從2004年建立開始,始終以“信任”作爲產品和服務的核心。旗下有“支付寶”與“支付寶錢包”兩個獨立品牌。自2014年第二季度開始成爲當前全球最...
-
8080端口被佔怎麼解決
在自己電腦上配置測試網站,要配置Apache服務器,並把服務器的一個站點配置在8080端口上時,卻提示8080端口已被佔用。端口被佔用了怎麼辦?下面一起看下怎麼解決。操作方法(01)首先,我們先找出是哪個程序佔用了這個端口。點擊‘開始’菜單,‘所有程序’,(02)所有程序裏,點擊‘...