讲在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>

它说我的模板：

can't render because $vm.nl2br, doesn't exists.

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>

讲在VueJS模板引擎

Locutus in VueJS template engine

javascript

methods

vue.js

vue-component