<!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>- vue-component component 2023 vuevue-component component 2023 vue vue-component component vue3_extraneous automatically extraneous vue组件component源码 组件component动态vue 组件component动态vue3 components testing vue all 组件component标签vue vue_error_runtime non-element directives component numberinfo components vue error