<script>const app = Vue.createApp({data(){return {show:true,conditionOne: false,conditionTwo: true,}},template:`<div v-if="show"> hello word </div><div v-if="conditionOne"> if </div><div v-else-if="conditionTwo"> else if </div><div v-else> else </div>`});// vm 代表的就是 vue 应用的根组件const vm = app.mount('#root');</script>
- 列表循环渲染
<script>const app = Vue.createApp({data(){return {listArray:['dell', 'lee', 'teacher'],}},template:`<div> <div v-for="(item, index) in listArray" :key="item">{{item}} -- {{index}}</div></div>`});// vm 代表的就是 vue 应用的根组件const vm = app.mount('#root');</script>
- 事件绑定
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/c0414b4b1e92469c928567fbf86fe30d.png#pic_center)