+
96
-

回答

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>模板引入</title>
</head>

<body>

<div id="app">
<my-component-b></my-component-b>
<!--可以把my-component-b看做一个对象-->


</div>
<template id="my-template">

<div>
<h2>{{name}}</h2>
<button @click="count++">{{count}}</button>
<ul>

<li v-for="item in numArray">{{item}}</li>
</ul>

</div>
</template>



<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script>
<script>
new Vue({




components: {
"my-component-b": {
template: '#my-template',
data() {
return {
name: '欢迎来到bfw',
numArray: [1, 2, 3, 4, 5],
count: 0
}
}


}
}



}).$mount('#app');
</script>
</body>

</html>

网友回复

我知道答案,我要回答