Skip to main content

VUE Install - підключення

Html​

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.softpro.ua/vue/core/dev/softpro-ui-kit.umd.min.js"></script>
<div id="app"></div>
<script>
  vsCore.install(Vue);
  new Vue({
    el: "#app",    
    template: `
            <div>
                 <VsButton>Click!</VsButton>                
            </div>`,
  });
</script>

Admin​

cdn=1​

Працює для форм та фільтрів, http://admin.rivne.local.ua/account_light/view=0?cdn=1

helper​

http://admin.rivne.local.ua/test - Приклад

vs-simple-map
{{{_vue "vs-simple-map" height="200px"}}}

vs-button
{{#_vue "vs-button" text="333" type="primary"}}Button{{/_vue}}

vs-form-geom
{{{_vue "vs-form-geom"}}}

vs-form-text
{{{_vue "vs-form-text"}}}

Налаштування​

Компоненти для яких буде використаний новий VUE репозиторій

Файл - module\core\table\helper\vueComponent.json, зміст

{
  "vs-form-geom": "core", // компонента -> назва vue репозиторію
  "vs-button": "core",
  "vs-form-text": "core",
  "vs-simple-map": "map",
  "vs-filter": "filter",
  
  "script": { // назва скріпту
    "core": "softpro-ui-kit.umd.min.js",
    "filter": "vs-filter.bundle.js",
    "map": "map.softpro.bundle.js"
  },

  "deps": {  // додаткові залежності якщо треба 
    "map": [
      "https://cdn.softpro.ua/vendor/maplibre/maplibre.js"
    ]
  }
}

Налаштування версії для проекту Файл - [project]\config.json, зміст

  "vue": {  // назва репозиторію
        "core": "0.03",  // VerNum, dev, latest
        "map": "dev",
        "filter": "dev"
    },
💡 Tip

Нові компоненти будуть працювати тільки тоді коли:

  • вказаний репозиторій та версія в config.json
  • компонента є в файлі vueComponent.json

Корисні посилання​