demo.html中自定义fdw标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!--传递给组件的值怎么接收 v-bind:接收参数="遍历参数"-->
<fdw v-for="item in items" v-bind:fdd="item"></fdw>
</div>
<script src="https://cdn.staticfile.org/vue/2.5.21/vue.min.js"></script>
<script>
Vue.component("fdw",{
props: ['fdd'],
template: "<li>{{fdd}}</li>"
});
var vm = new Vue({
el: "#app",
data:{
message:"",
items:["java","linux","前端"]
}
})
</script>
</body>
</html>
效果
demo.vue文件也是一个组件