Plugin Vue

Introduced in Tiki21, this wiki plugin allows you to add a Vue.js component

Parameters

Add a Vue.js component
Introduced in Tiki 21.
Go to the source code
Preferences required: wikiplugin_vue

Parameters Accepted Values Description Default Since
(body of plugin) HTML
name Identifier of the component. 21.0
app (blank)
y
n		 Make the base App object and initialise Vue.js 21.0

Example

This code:

Copy to clipboard
{VUE(app="y" name="AppTest")}
<script>
export default {
  data() {
    return {
      greeting: 'Hello World!'
    }
  }
}
</script>

<template>
  <p class="greeting">{{ greeting }}</p>
</template>

<style>
.greeting {
  color: red;
  font-weight: bold;
}
</style>
{VUE}


Would produce: