Crzy633
2021-02-08 22:17
采纳率: 100%
浏览 473

vue怎么给template传值?

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

下面是代码:

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • whicce 2021-02-18 16:43
    已采纳

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

    点赞 评论
  • Menkongkong 2021-02-09 08:51

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

    点赞 评论
  • PythonJavaC++go 2021-02-09 09:11

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

    点赞 评论
  • Crzy633 2021-02-19 14:33

    我已经解出自己的问题。

    现在比较理解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了。

    点赞 评论

相关推荐 更多相似问题