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>