{{ name }}应该怎么写呢，在组件里

最新推荐文章于 2022-11-29 15:59:34 发布

hamimelon2020

最新推荐文章于 2022-11-29 15:59:34 发布

阅读量247

点赞数

分类专栏： JavaScript vue 文章标签： vue

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

版权

本文探讨了在Vue组件中遇到的数据绑定和插值问题，尝试了`update:model`，发现其适用于input元素。最终找到解决组件插值问题的方法，强调组件的复用性和父子组件的拆分原则，指出只需在子组件内部修改，不影响父组件。

摘要由CSDN通过智能技术生成

<div id="app">
  <greeting>Hello,{
   {
    name }}</greeting>
</div>

<script src="https://unpkg.com/vue@next"></script>
<script>
  const app = Vue.createApp({
   
      data() {
   
        return {
   
          name: ''
        }
      }
    })
  app.component('greeting', {
   
    template: '<div>name="guagua"</div>'
  })

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

这样也不对，

<div id="app">
  <greeting></greeting>
</div>

<script src="https://unpkg.com/vue@next"></script>
<script>
  const app = Vue.createApp({
   
      data() {
   
        return