错误的写法

最新推荐文章于 2024-04-23 10:30:11 发布

hamimelon2020

最新推荐文章于 2024-04-23 10:30:11 发布

阅读量779

点赞数

分类专栏： JavaScript vue 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_40945354/article/details/121241064

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <div id="app">
<my-input></my-input>
</div>

<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({
  data() {
    return {
     options: [ 
       {id: 1, title: '网络'},
     ]
   }
  }
});

app.component('MyInput', {
  data: function(){
    return {}
  },
  template:
  `
  <input v-model="myoption">
  <option v-for="option in options">
  `
});
  const vm = app.mount('#app');
</script>
</html>

优惠劵

hamimelon2020

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
错误的写法

<!DOCTYPE html><html> <div id="app"><my-input></my-input></div><script src="https://unpkg.com/vue@next"></script><script>const app = Vue.createApp({ data() { return { options: [
复制链接

扫一扫