Как правильно добавить функции рендеринга для создания микро-приложений vuejs 2.6.10 - PullRequest
Новая
       16

Как правильно добавить функции рендеринга для создания микро-приложений vuejs 2.6.10

0 голосов
/ 24 октября 2019

Мне кажется, проблема в том, что я не знаю, как правильно добавить рендер функций для создания микро-приложений (app-test) vuejs 2.6.10 

    <div id="app-test">
      <test
         plabel='test'>
      </test>
    </div>

У меня есть несколько микро-приложений, которые были созданы в версии 2.5 vuejs следующим образом в main.js . 

    new Vue({
      el: '#app-test',
      components: { 
        'test': Test 
      }
    })

Код компонента: 

    <template>
        <div>
          <p>TEST {{label}}</p>
        </div>
    </template>

    <script>
        export default {
          name: 'test',
          props: ['plabel'],
          data () {
            return {
              label: this.plabel,
            }
          },
          mounted () {
            console.log(this.plabel);
            console.log(this.label);
            console.log(this.$el.attributes.plabel.value)
          }
        }
    </script>

тогда пользователь мог бы добавить часть HTML на страницу 

    <div id="app-test">
      <test 
           plabel='test'>
      </test>
    </div>

После сохранения страницы (с добавленными зависимостями в приложении vujs) пользователь увидел микро-приложения на странице.

В новой версии vuejs 2.6 при добавлении кода: 

    new Vue({
      components: {
        'test': Test  
      }
    }).$mount('#app-test')

и в HTML 

    <div id="app-test">
      <test 
           plabel='test'>
      </test>
    </div>

Не знаю какПравильно добавьте функции рендеринга для создания теста приложения и теста компонента.

Я не вижу теста приложения и теста компонента.

Спасибо за вашу помощь.

...