Вопросы с тегом «vue.js»

Vue.js - это прогрессивная среда Javascript с открытым исходным кодом, предназначенная для создания пользовательских интерфейсов, целью которых является постепенное внедрение. Vue.js в основном используется для фронт-энда и требует промежуточного уровня HTML и CSS. Вопросы, связанные с версией Vue.js, должны быть помечены [vuejs2] или [vuejs3].

414
Vue.js - Как правильно следить за вложенными данными

Я пытаюсь понять, как правильно наблюдать за некоторым изменением опоры. У меня есть родительский компонент (файлы .vue), который получает данные от вызова ajax, помещает данные в объект и использует его для визуализации некоторого дочернего компонента с помощью директивы v-for, что ниже упрощения...

273
Импорт ES6 с использованием пути входа ('@') в проекте vue.js с использованием Webpack

Я начинаю новый проект vue.js, поэтому я использовал инструмент vue-cli для создания нового проекта веб-пакета (т.е. vue init webpack). Проходя по сгенерированным файлам, я заметил следующий импорт в src/router/index.jsфайл: import Vue from 'vue' import Router from 'vue-router' import Hello from...

258
Как удалить hashbang из URL?

Как удалить hashbang #!из URL? Я нашел возможность отключить hashbang в документации по маршрутизатору vue ( http://vuejs.github.io/vue-router/en/options.html ), но эта опция удаляет #!и просто помещает# Есть ли способ получить чистый URL? Пример: НЕ: #!/home НО:...

257
Как слушать изменения "реквизита"

В документах VueJs 2.0 я не могу найти никаких хуков, которые бы слушали propsизменения. У VueJs есть такие хуки как onPropsUpdated()или похожие? Обновить Как и предложил @wostex, я попытался сделать watchэто, но ничего не изменилось. Тогда я понял, что у меня есть особый случай: <template>...

229
Вызовите метод компонента Vue.js снаружи компонента.

Допустим, у меня есть основной экземпляр Vue, имеющий дочерние компоненты. Есть ли способ полностью вызвать метод, принадлежащий одному из этих компонентов, вне экземпляра Vue? Вот пример: var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() {...

209
Vue.js - разница между v-моделью и v-bind

Я изучаю Vue с помощью онлайн-курса, и инструктор дал мне упражнение для ввода текста со значением по умолчанию. Я закончил это, используя v-модель, но преподаватель выбрал v-bind: value, и я не понимаю почему. Может кто-нибудь дать мне простое объяснение разницы между этими двумя и когда лучше...

199
Могу ли я передать параметры в вычисляемых свойствах в Vue.Js

Возможно ли передать параметр в вычисляемых свойствах в Vue.Js. Я вижу, что, используя getters / setter с помощью computed, они могут взять параметр и присвоить его переменной. как здесь из документации : // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' +...

191
Отображение неэкранированного HTML в Vue.js

Как я могу получить интерпретацию HTML внутри привязки усов? В настоящий момент break ( <br />) просто отображается / экранируется. Небольшое приложение Vue: var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn<br...

188
Vue v-on: щелчок не работает на компоненте

Я пытаюсь использовать директиву on click внутри компонента, но она не работает. Когда я щелкаю по компоненту, ничего не происходит, когда я должен получить «проверенный щелчок» в консоли. Я не вижу никаких ошибок в консоли, поэтому я не знаю, что я делаю не так. index.html <!DOCTYPE html>...

181
Vue 2 - Мутирующие реквизиты vue-warn

Я начал серию https://laracasts.com/series/learning-vue-step-by-step . Я остановился на уроке Vue, Laravel и AJAX с этой ошибкой: vue.js: 2574 [Vue warn]: избегайте прямого изменения свойства, так как значение будет перезаписываться при каждом повторном рендеринге родительского компонента. Вместо...

181
Разница между созданными и смонтированными событиями в Vue.js

Vue.js документация описывает createdи mountedсобытия следующим образом : created Вызывается синхронно после создания экземпляра. На этом этапе экземпляр завершил обработку параметров, что означает следующее: наблюдение данных, вычисленные свойства, методы, обратные вызовы наблюдения / события....

173
Vuex Action против мутаций

В Vuex, какова логика наличия как «действий», так и «мутаций»? Я понимаю логику компонентов, не способных изменять состояние (что кажется разумным), но наличие как действий, так и мутаций похоже на то, что вы пишете одну функцию для запуска другой функции, чтобы затем изменить состояние. В чем...

170
vue.js 2 как посмотреть значения магазина из vuex

Я использую vuexи vuejs 2вместе. Я новичок в vuex, я хочу наблюдать за storeизменением переменной. Я хочу добавить watchфункцию в моемvue component Это то, что я до сих пор: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) {...

167
Как добавить внешние JS-скрипты в компоненты VueJS

Я использую два внешних скрипта для платежных шлюзов. Сейчас оба помещены в index.htmlфайл. Однако я не хочу загружать эти файлы в самом начале. Платежный шлюз нужен только тогда, когда пользователь открывает определенный компонент ( using router-view). Есть ли способ добиться этого?...

166
[Vue warn]: не удается найти элемент

Я использую Vuejs . Это моя разметка: <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> Это мой код: var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; Когда я загружаю...

164
Как вызвать функцию на дочернем компоненте на родительских событиях

контекст В Vue 2.0 документация и другие ясно указывают, что общение между родителями и детьми происходит через реквизит. Вопрос Как родитель сообщает своему ребенку, что событие произошло с помощью реквизита? Должен ли я просто посмотреть реквизит называется событие? Это не правильно, как и...