a805217695
Crzy633
采纳率100%
2021-02-08 22:17

vue怎么给template传值?

已采纳

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

下面是代码:

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答

  • whicce whicce 2月前

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

    点赞 评论 复制链接分享
  • a805217695 Crzy633 2月前

    我已经解出自己的问题。

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

    点赞 评论 复制链接分享
  • qqzhuimengren PythonJavaC++go 2月前

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

    点赞 评论 复制链接分享
  • Menkongkong Menkongkong 2月前

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

    点赞 评论 复制链接分享