Как нацелить симпл элемент на тег с классом, а не template?

Question

[Андрей Соболев]

Ну вот допустим взять симпл компонент

<template lang="jade">
div
  p {{ greeting }} World!
  OtherComponent
</template>

<script>
import OtherComponent from './OtherComponent.vue'
export default {
  components: {
    OtherComponent
  },
  data () {
    return {
      greeting: 'Hello'
    }
  }
}
</script>

<style lang="stylus" scoped>
p
  font-size 2em
  text-align center
</style>

Компонент получается будет работать только с тем, что лежит внутри . А если я использую Vue c РHP фреймворком. И у меня страница рендерится на стороне PHP, а только после этого ее должен подхватывать Vue.Что делать тогда?