lang="en">
charset="utf-8">
titletitle>
head>
my-footer>
my-footer>
my-footer>
}div>
宣告週期span>
div>
v-for="item in arr"
v-bind:todo="item">
hello>
ol>
div>}}
v-text="text">
p>
v-html="html">
div>
div>
}v-on:click="reversemessage">反轉效果button>
div>
}type="text"
name=""
id=""
v-model="text">
div>
}tom, what do you want eat for dinner? }
div>
v-if="isshow">see you tomorrowp>
v-on:click="isshow = !isshow">goodbyebutton>
div>
src="vue2.js">
script>
/** * v-if
* 判斷指令
* 一般用於對dom的增刪
* */
new vue(
});/**
* vue的表示式
* 支援運算子的操作
* 支援三目運算子
* 不支援語句和控制流
* */
new vue(
});/**
* v-model
* 資料的雙向繫結
* */
new vue(
});/**
* 事件繫結
* v-on 繫結事件***
* */
new vue(,
methods:
}});
/*** 模板渲染
* data 可以通過模板渲染，使用}渲染
* */
new vue(
});/**
* 元件的註冊，分為全域性註冊和區域性註冊
* 元件中的屬性data必須使用函式，避免被引用賦值
* */
// 全域性註冊
vue.component('hello', }, i like }',
data: function
() ;
}});
// 區域性註冊
var myfooterchild =
var myfooter =
}/**
* v-for
* 迴圈遍歷data中提供的陣列，渲染dom
* 一般用於製作列表
* */
new vue(,,]
}});
/*** 宣告週期
* */
created: function
() ,
mounted: function
() });
/*** 基本結構
* */
data: ,
// template: '',
components:
});script>
body>
html>
vue 知識點總結 一
wate ll 和 vuex 混合使用 callback 最好寫到mutaion結尾的部分，保證非同步程式同步執行 父子元件都有create，mounted生命週期函式，只執行子元件的生命週期函式 cookie無法訪問是因為不在同乙個同一條鏈上 字串反向 str.split reverse join...
vue知識點總結（一）
vue的掛載點使用id選擇器 vue的掛載點必須是乙個具體的元素，不能是body或者html標籤 1 通過el屬性設定掛載點 2 通過 mount 方法設定掛載點 vue的 插值 模板語法 mustache 語法 雙大括號 1 直接使用模板語法插值 key 就是data屬性值的鍵名 標籤 2 指令形...
html入門知識點 一
html head head body body html 標籤名不區分大小寫，建議使用小寫 標籤中有屬性時，屬性與標籤名之間要有乙個空格，多個屬性也用空格隔開，屬性要寫在開始標籤中 屬性的值要加上引號，單引號和雙引號都可以 每乙個標籤都需要關閉，雙邊標籤靠結束標籤關閉，xtml中單邊標籤用反斜線關...