vue-component-2023-7-7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--view层 模板-->
<div id="app">
<!--组件,传递给组件中的值:props-->
<lr v-for="item in items" v-bind:rui="item"></lr>
</div>
<!--导入vue-->
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
<script>
Vue.component("lr",{
props: ['rui'],
template: '<li>{{rui}}</li>'
});
/*Model 数据*/
let vue = new Vue({
el: "#app",
data: {
items: ['sun','moon','star']
}
})
</script>
</body>
</html>