Question

鉴于以下代码，我得到了＆＃34; ReferenceError: myvar is not defined＆＃34;。这里有没有明显的错误？如果我在没有jQuery包装器的情况下运行它，它不会再给我错误但它仍然没有显示＆＃34;是＆＃34;如预期的那样。

https://jsfiddle.net/p14tvhap/

<div id="app">
  <my-component myvar="1" inline-component>
    <h1 v-if="myvar == 1">Yes</h1>
    <h1 v-if="myvar == 2">No</h1>
  </my-component>
</div>

$(function() {

  Vue.component('my-component', {
    props: ['myvar']
  })

  app = new Vue({
    el: '#app',
  });
})

Answer 1

我不得不改变＆＃34;内联组件＆＃34;到＆＃34; inline-template＆＃34;然后它奏效了。

Answer 2

vue道具在:之前传递

  <my-component :myvar="1" inline-component>

传递给组件的Vue prop未定义

2 个答案: