vue怎么给template传值?

萌新刚接触vue，百度搜索了很多给template传值的方式，自己尝试了都没有效果。

下面是代码：

请问如何将main.js中的title值传到template中？

你的main.js文件里面的代码写错了，首先这个文件一般都是声明一些全局方法的地方，你在这里用new Vue我是没试过不知道可不可以而且看到你的那条注释的代码应该是编辑器提示你报错了被你处理掉了。另外你在main里面用import引用了外部组件APP然后你自己又new了一个APP，总之错误很多，建议按照顺序再读一下文档，操作一下。

你传值是要做什么呢？想实现一个什么样的效果。

我已经解出自己的问题。

现在比较理解new Vue()其实是给写在index.html中的<div id="app"></app>注入东西，包括router、template等。

<div id="app"></div>
new Vue({
  el: '#app',
  components: { App },
  template: '<App />'
})

我上面这种写法，其实相当于

<div id="app">
    <App />
</div>
new Vue({
  el: '#app',
  components: { App }
})

而常见给组件传值的写法是上面第二种，这样

<div id="app">
    <App title='Vue Vue Vue'/>
</div>
new Vue({
  el: '#app',
  components: { App }
})

因此，换成我上面代码中new Vue({template})这样的写法，在标签里面传值就ok了。

百度一下 vue的父子组件传值