<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>3迭代</title>
<script src="js/vue.min.js"></script>
</head>
<body>
<h3>3迭代</h3>
<div id="array">
<span v-for="value in array">{{value}}</span>
</div>
<script type="text/javascript">
new Vue({
el: '#array',
data: {
array:[1,2,3,4]
}
});
</script>
</body>
</html>
3.vue.js迭代處理數組
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Vue入門基礎（組件嵌套）
註冊全局組件 1.新增Users.vue <template > <div id="users"> <ol> <!-- vue 遍歷需要key屬性綁定--> <li v-for="(va
Vue入門基礎（父級組件屬性傳參）
App.vue <template> <div id="app"> <Header/> <!--使用組件 並傳遞當前組件值 --> <Users :users="users" :username=
Vue入門基礎（多組件嵌套demo）
Header.vue <template > <div class="Header"> <h1>{{title}}</h1> </div> </template> <script> //js
Vue入門基礎（組件CSS樣式）
scoped的作用：使嵌套的樣式引用不影響當前的vue App.vue <template> <div id="app"> <h1>APP.VUE</h1> <!--使用組件--> <Users/>
Vue獲取瀏覽器點擊事件作爲函數參數
<body> <div id="app"> <!-- 瀏覽器會默認傳遞事件屬性 --> <button @click="btnClick1">按鈕1</button> <!-- 當需要傳遞事件屬性時，