菜鳥市場

Vue的基礎語法

vue例項

建立一個vue例項（new Vue）

每一個vue元件都是通過vue函式建立的一個新的vue例項開始的

如:
new Vue({
data:{},
methods:{}
})

vue指令

指令(Directives)是帶有v-字首的特殊特性。指令特性的值預期是單個JavaScript表示式，特殊情況除外指令的職責是：當表示式的值改變時，將其產生的連帶影響，響應式地作用於DOM。

• v-for
  v-for指令可以遍歷陣列進行列表渲染。使用的時候需要注意的是iterm in items形式的特殊語法，items是源資料陣列，item是陣列元素迭代的別名。如下示例：

<div id="app">
			<p v-for="item in arr">
				<span>{{item.name}}</span>
				<span>{{item.age}}</span>
			</p>
		</div>
		<script type="text/javascript">
			new Vue({
				el: "#app",
				data: {
					arr: [{
						name: '張三',
						age: 25
					}, {
						name: '李四',
						age: 25
					}, {
						name: '孫悟空',
						age: 25
					}, {
						name: '武松',
						age: 25
					}]
				},
			})

計算屬性

計算屬性和方法的區別