Vue.js Vuejs组件道具作为字符串

我想将此道具作为字符串传递：

<list-view :avatar="pictures"></list-view>

<list-view :avatar="'pictures'"></list-view>

---

现在，Vue正试图找到一个名为

pictures

的变量，作为属性值传递给子组件

如果要在该内联表达式中指定字符串值，可以将该值用引号括起来，使其成为字符串：

<list-view :avatar="pictures"></list-view>

<list-view :avatar="'pictures'"></list-view>

---

这样，子组件的

avatar

道具将被分配字符串值

“pictures”

如果您真的想传递静态字符串，您可以直接传递字符串而无需v-bind

<div id="app">
   <greeting text="world"></greeting>
</div>

然后在JS文件中

Vue.component('greeting', {
    props: ['text'],
  template: '<h1>Hello {{ text  }}!</h1>'
});


var vm = new Vue({
  el: '#app'
});

Vue.component（'greeting'{
道具：['text']，
模板：“你好{{text}}！”
});
var vm=新的Vue({
el:“#应用程序”
});

---

JSFiddle=>

在laravel中，我们可以传递字符串，如下所示

function authUserCurrency(){
    return '$';
}
<service :authusercurrency="'{!!authUserCurrency()!!}'"></services>

或

 props:['authUserCurrency'],

默认情况下，vue将图片视为变量或计算属性，vue在本地搜索，不会查找并抛出错误。因此，您需要做的是从外部告诉vue它是一个字符串，而不是一个变量或计算属性。所以用引号括起来

:avatar="'pictures'" // I guess it will work

:avatar="'pictures'" // I guess it will work