代码之家 › 专栏 › 技术社区 › Marcus Aurelio

尝试使用道具将数据传递给全局对象,但无法获取要显示的数据

components vue.js

Marcus Aurelio · 技术社区 · 6 年前

let store = {
  _author: 'Johnnie Walker',
};

Vue.component('post', {
  template: '#post-template',
  props: ['title', 'author', 'content']
});

var vm = new Vue({
  el: '#app',
  data: {
    author: store,
    title: 'Aging Your Own Whisky',
    content: 'A bunch of steps and a whole lot of content'
  }
});

https://jsfiddle.net/syed263/yk8L1tru/1/

1 回复 | 直到 6 年前

Rishikesh Dhokare 6 年前

store _author 在里面。

你的 data 应该是-

data: {
  author: store._author,
  title: 'Aging Your Own Whisky',
  content: 'A bunch of steps and a whole lot of content'
}

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前