要想開始vue專案，第一步是搭建專案，詳情參見
最近重新看下
vue，當初學的時候筆記記得亂七八糟，對於乙個剛接觸mvvm的人來說，網上的文件看的也是雲裡霧裡，很多東西用起來也是生搬硬套，今天看到一篇文章寫的特別透徹，對vue有了更深刻透徹的理解，對於新手可以快速掌握更好的理解（
）。我自己也做了乙個小小的總結，俗話說溫故而知新，不一定要不斷學習生僻的知識，也可以
溫習已學的知識，並且由其中獲得新的領悟
。
<
html>
<
head>
<
meta charset="utf-8">
<
title>
title>
head>
<
body>
< }
div>
body>
<
script src="js/vue.js">
script>
<
script>
// 這是我們的model
varmodaldata=
// 建立乙個 vue 例項或 "viewmodel"
// 它連線 view 與 model
new vue()
script>
html>
1.el:
」#idname
」,表示該vue例項掛載到id=
』idname
』這個元素上。
2.data:
』modaldata
』表示指向modal，modal是modaldata物件。
3.和mvc模型的區別在於資料時雙向繫結的
<
<
p>}
p>
<
input type="text" v-model="message"/>
div>
將message繫結到文字框，當更改文字框的值時，
}中的內容也會被更新。
4.常用指令
①v-if指令
條件渲染，
v-if="expression"，
expression是乙個返回
bool
值的表示式，表示式可以是乙個
bool
屬性，也可以是乙個返回
bool
的表示式
。為false，不會被渲染。
②v-show指令
條件渲染，與v-if區別是，
不管為ture/false,始終被渲染
，只是是否顯（dispaly）。
③v-else指令
為前兩者新增乙個else塊，必須在
v-if
和v-show
後面，否者不能被識別。
（v-if為
true
時，後面的
else
塊不渲染；
v-show
為true
時，後面的
else
塊渲染，不顯示）
④v-for指令
相當於js的遍歷，
v-for="item in items"
items是乙個陣列，
item
是當前被遍歷的陣列元素。 ⑤
v-bind指令
可以在其名稱後面帶乙個引數，中間放乙個冒號隔開，這個引數通常是html元素的屬性（
attribute
），例如：
v-bind:class
=『classname』⑥
v-on指令
用於給監聽dom事件,,
有兩種形式呼叫方法：繫結乙個方法（讓事件指向方法的引用），或者使用內聯語句。ep:
<
p>
<
button v-on
:click
="greet"
>
greet
button
>
p>
<
p>
<
button v-on
:click
="say('hi')"
>
hibutton
>
p>
<script>
varvm
=
newvue(,//
在`methods`
物件中定義方法
methods:,
say:
function
(msg)}}
)script>
5.常用縮寫
v-bind:class*****=>:class
v-on:click*****=>@click 6.
總結 原文有更多的**示例
vue 溫故知新
v cloak指令 解決變數閃爍問題 v if isshow 是插入或刪除節點 v show isshow 是隱藏或顯示節點 v bind data m msg 或 data m msg 繫結屬性 v bind key v.id 繫結乙個資料唯一值，用於虛擬dom演算法，優化渲染效率 v on cl...
溫故知新 ROWTYPE
rowtype 相當於資料庫表裡的一行資料記錄的變數型別。declare 定義乙個emp表裡的一行記錄的資料型別的變數 v emp emp rowtype begin 查詢的emp表裡的資料列必須與v emp的列順序以及個數保持一致 select empno,ename,job,mgr,hireda...
溫故知新系列
我從事windows phone開發一年多來，終日忙於開發應用，每每有所收穫也沒有時間思考總結。最近實習即將結束，同時也看清了真實的生活，痛定思痛，決定好好整理自己所學所得，同時也靜下心來好好學習一下一直欠缺的知識。溫故而知新，可以為師矣。此番總結，不求為師，但求能看清自己，共勉共勉。此溫故知新系列...