1. 程式人生 > >【前端】【vue 4-1】

【前端】【vue 4-1】

col var return () body new htm rip pan

1 is="lili"

2 message傳值

3 todo:父子屬性傳值

<!DOCTYPE html>
<html>
<title>vue中的條件渲染</title>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<body><div id="app" >
<ul>
<li is="lili"></li>
</ul>
</div>
<script>
Vue.component(
"lili",{ data:function(){ return { message:"message" } }, template:<li>{{message}}</li> }) var vm = new Vue({ el:"#app", data:{ message:"hello world" } }) </script> </body> </html>

【前端】【vue 4-1】