当前位置：网站首页>It's corrected. There's one missing ＜ /script >, why doesn't the following template come out?

It's corrected. There's one missing ＜ /script >, why doesn't the following template come out?

2022-07-04 01:37:00 【hamimelon2020】 

<!DOCTYPE html>
<div id="v-model-example" class="demo">
   <p>First name: {
    {
     firstName }}</p>
   <p>Last name: {
    {
     lastName }}</p>
<user-name
   v-model:first-name="firstName"
   v-model:last-name="lastName">
   </user-name>
</div>

<script src="https://unpkg.com/[email protected]"></script>
<script>
    const app = Vue.createApp({
    });
    const UserName = {
    
       props: {
    
           firstName: String,
           lastName: String
       },
    emits: ['update:firstName', 'update:lastName'],
    template: ` <input type="text" :value="firstName @input="$emit('update:firstName', $event.target.value)"> <input type="text" :value="lastName @input="$emit('update:lastName', $event.target.value)"> `
   };
   
   const HelloVueApp = {
    
      components: {
    
         UserName,
      },
      data() {
    
    return {
    
      firstName: 'John',
      lastName: 'Doe',
    };
  },
}

Vue.createApp(HelloVueApp).mount('#v-model-example')
</script>
原网站

版权声明
本文为[hamimelon2020]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202141917045969.html

边栏推荐

猜你喜欢

随机推荐