Locuus在VueJS模板引擎

Question

我如何在我的VueJS應用程序中實現Locutus？我正在使用webpack。

我想在我的單文件組件如下：

<template> 
    <div>{{ nl2br('My string here') }}</div> 
</template> 

<script> 
var nl2br = require('locutus/php/strings/nl2br'); 

export default { 
    // VueJS 
} 
</script> 

它說，我的模板：

無法呈現，因爲$ vm.nl2br，不存在。

Answer 1

不能訪問其他文庫的方法在視圖中，可以使用在任何其它的VUE方法和VUE模板調用該方法，那麼你駕駛室有類似以下內容：

<template> 
    <div>{{ getFromNl2br('My string here') }}</div> 
</template> 

<script> 
var nl2br = require('locutus/php/strings/nl2br'); 

export default { 
    methods: { 
    getFromNl2br: function(str) { 
     return nl2br(str) 
    } 
    } 
} 
</script>