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了。

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题

  • vue怎么给template传值? vue.js
    2021-02-08 22:17
    回答 3 已采纳 你的main.js文件里面的代码写错了，首先这个文件一般都是声明一些全局方法的地方，你在这里用new Vue我是没试过不知道可不可以而且看到你的那条注释的代码应该是编辑器提示你报错了被你处理掉了。另外
  • VUE 在做组件封装时，通过Slot插槽如何传值？？ javascriptvue.js
    2021-04-07 10:46
    回答 2 已采纳 合理上来说，当然是不合理了，vue父传子，子传父都有对应的方式 或者有refs直接赋值也行 slot的用法主要是统一的组件，在不同地方有不同的展示方式时，提供slot让组件的一部分可自定义 当然
  • Vue @click 方法传值问题
    2018-04-24 18:08
    回答 1 已采纳 scope.row.approveStatus 用这个应该就对了把
  • Vue父子模版传值及组件传值的三种方法
    2020-12-29 01:00
    这里是针对于vue1.0，如果要学2.0，建议大家去看官方文档 vue2.0 http://vuefe.cn/guide/ vue-router2.0https://router.vuejs.org/zh-cn/essentials/getting-started.html 第一种 <my></my> [removed][removed]...
  • Vue中如何声明一个全局组件？Vue如何给组件传值？
    2019-08-29 19:38
    慕枫520的博客 Vue如何给组件传值？ 具体案例 准备一个Vue.js，开发版下载地址：https://cn.vuejs.org/js/vue.js 开始编码： <!DOCTYPE HTML > <html lang='en'> <head> <title>VUE To do list &lt...
  • vue中使用props传值的方法
    2021-01-21 11:38
    1.静态传值（在父组件中赋值好props中属性的值传递给子组件） 父组件 <template> <input v-model=message> <child message=hello></child> </template> [removed] import child from './components/...
  • vue 初学 样式问题？ vue.js
    2021-05-29 21:20
    回答 2 已采纳 form-item宽度不够，导致换行了，你设置btns宽度等于上面输入框宽度就行了
  • template 格式问题？vue vue.js
    2021-05-15 13:27
    回答 2 已采纳 因为那样就不是一个字符串了，你可以用es6的模板字符串 var template = ` 换 行 也 可 以 `
  • vue 父子组件传值问题，赋值的时候出错 javascriptvue.js
    2021-09-09 15:46
    回答 1 已采纳 你这个”isDisabled.value = props.disabled；///////////////////////这行提示出错“ 不对。在执行setup函数的时候，传入的props还没生效呢。
  • vue多级组件传值
    2021-07-20 10:11
    倒数的可达鸭的博客 const app = Vue.createApp({ data(){ return {house:'爷爷1'} }, provide:{ newHouse:'爷爷2' }, template: ` <div>此处显示爷爷1</div> <child :house="house" /> ` }) 然后儿子组件...
  • vue3.0 组件传值
    2020-09-25 13:56
    我还就不信了啊的博客 vue3.0组件传值 子组件 代码如下（示例）： <template> <p @click="handle">{{ test }}</p> </template> <script> export default { props: { test: String, }, setup(props, ...
  • vue和html传值,vue组件传值.html
    2021-06-16 11:43
    weixin_40002009的博客 .ball{width: 20px;...}这是一个新的全局组件var app = new Vue({el:'#app',data:{msg:'1 父组件中的数据',},methods:{},components:{//子组件中默认无法调用父组件的data上的数据和methods方法login:...
  • 父组件有向子组件传值，但是VUE报错没有传值 javascriptvue.js
    2021-09-12 10:53
    回答 2 已采纳 第二段第三段代码不是一个意思吗？只有article-list组件需要定义channel 这个props，父组件不需要。如果是你想给artible-list即定义props 又要说明其类型和要求。那么用
  • 关于vue对于传值的引用问题 javascriptvue.js
    2019-10-10 17:19
    回答 2 已采纳 如果你的res返回的数据是一个数组，那么你直接用res.data.tvmto是获取不到的，应该遍历data，获取每一个数组中的tvmto对象。 [ tvmfrom:'AC',tvmto:['彩虹岛'
  • vue组件间传值问题（父=>子） javascriptvue.js前端
    2021-09-01 09:30
    回答 4 已采纳 可以参考如下方法，如有帮助望采纳 vue组件间的传值（父子、子父、兄弟、后代、非兄弟）_陈同学的博客-CSDN博客 目录父向子传值子向父传值兄弟传值后代传值非兄弟传值在解决组件通讯方面，比较好
  • vue 中几种传值方法(3种)
    2020-12-13 08:19
    vue项目中，组件跟组件之间数据的传递是很普遍的行为，在这里总结几种常见的vue组件跟组件之间传值方式，其中，主要有父子组件，非父子组件传值。 父组件向子组件传值 方法：父组件内设置要传的数据，在父组件中...
  • vue祖孙组件之间的数据传递案例
    2021-01-18 15:23
    本方法针对vue2.4版本及以上，使用$attrs和$listeners来实现的 **解决方案：** **首先创建父组件：** 父组件用于动态数据的绑定与事件的定义 <template> <!--这里 :one和:two是向后代组件传递数据--> ...
  • vue组件通信传值操作示例
    2020-12-29 16:44
    本文实例讲述了vue组件通信传值操作。分享给大家供大家参考，具体如下： 父子组件通信： 子组件 <template> <h3 click=alerrt> 我是子组件一 <span>{{parentMessage}} </template> [removed] export default...
  • vue 父组件向子组件传值 （初学者，求助） vue.js
    2018-01-03 09:57
    回答 3 已采纳 有几种方式： 1.利用vuex，父组件触发store中A值的变动，子组件绑定store中A值，子组件也就跟着变了。 2.直接从子组件中获取父组件中的值。$parent 3.更改props，父组件
  • Vue【组件传值1（父子、子父、祖孙、兄弟）】
    2020-04-07 14:35
    Wyliss的博客 其他传值方法见2 父子传值 主要运用props 以一个基础的vue文件为例 vue实例上的数据可以通过props传到子组件（个人理解为在子组件用props接收，在dom需要用v-bind绑定数据接收） <div id='app'> <tab :arr...
  • 没有解决我的问题, 去提问