javascript - VueJS模板引擎中的Locutus

如何在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不存在。

最佳答案

您不能从视图中的其他库访问方法，可以在任何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>