const path = require('path');
const bs = require('browser-sync');
const webpack = require('webpack');
const config = require('../../gulp.config');
const tools = require('../lib/tools');
const DEVELOPMENT = require('../lib/checkMode').isDevelopment();
let webpackConfig = require(path.join(config.root.main, 'webpack.config.js'));
function showInfo(err, stats) {
// эту функцию приводить не буду. просто вывод ошибок в консоль
}
module.exports = function (options = {}) {
options = {
watch: false,
...options,
};
return function (done) {
const compiler = webpack(webpackConfig);
if (options.watch) {
tools.info('Webpack watching...');
compiler.watch({
ignored : /node_modules/,
aggregateTimeout: 300,
}, (err, stats) => {
showInfo(err, stats);
if (DEVELOPMENT && bs.has(config.browserSync.instanceName)) {
bs.get(config.browserSync.instanceName).reload();
}
});
} else {
compiler.run((err, stats) => {
showInfo(err, stats);
done();
});
}
};
};<div id="app">
</div>#app[v-cloak] {
width: 100%;
height: 100vh;
background: url('loader.gif') no-repeat center;
}indexOf('...') по совету Алексей бессмыслено.<div class="b">
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, mollitia, vitae? Rem veritatis et, fugit minus quod nostrum. Facilis rem unde numquam cupiditate veritatis mollitia velit, voluptatibus labore dicta, aspernatur.</span>
</div>.b{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
components/
User/
Header.vue
Section/
About.vue
Content.vue
Posts.vuename: "UserHeader",
name: "UserSectionAbout",
name: "UserSectionContent",
name: "UserSectionPosts",а если сделаю проверку v-if, то ничего не отобразится.
{
el: '#vu-app',
data: {
inputs: [],
},
methods : {
addInputButton : function (event) {
this.inputs.push('Кнопка');
},
myFunc(index){
alert('Нажата кнопка '+index);
}
}
}<div id="container">
<button v-on:click="addInputButton">Add Input</button>
<input
v-for="(inp, index) in inputs"
:key="index"
:value="inp"
type="button"
@click="myFunc(index)"
/>
<div><script>
window.tplDir = '<?php echo get_template_directory_uri() ?>';
</script><img
:src="window.tplDir + '/img/icons/icon.svg'"
alt="icon"
>/api/please-give-me-all-data-for-homepageGET /api/articles/GET /api/articles/?page=2GET /api/articles/?page=2&with=popularGET /api/articles/123/?comments=true/api/articles/123/?comments=true, и в том, если надумаете прикручивать серверный рендер.
У меня есть идея такая: во Vuex есть модуль, например, pages, который будет делать 1 запрос к API и раскидывать пришедшие данные в остальные модули. Делают ли так с роутингом на Vue?
GET /api/pleaseGiveMeAllDataForPageOne
GET /api/pleaseGiveMeAllDataForPageTwo<td v-for="date in urldata.dates" :style="{backgroundColor: date.backgroundColor}">
{{ urldata.values[date][rows] }}
</td>validateStatus нужным образом и ловим все в одном месте.