var numToStr = function(num, arrText) {
if (num % 10 === 1 && num % 100 !== 11) {
return arrText[0];
} else if (num % 10 >= 2 && num % 10 <= 4 && (num % 100 < 10 || num % 100 >= 20)) {
return arrText[1];
}
return arrText[2];
}
numToStr(42, ['яблоко', 'яблока', 'яблок']) // "яблока"
const months_RU = 'Января,Февраля,Марта,Апреля,Мая,Июня,Данунаф,Лень,Дальше,Сами'
.split(',');
const parseDate = d => d.split('.')
.reduce((acc, c, i) => (acc.unshift(i & 1 ? months_RU[+c - 1] : +c), acc), [])
.join(' ');
parseDate('2020.06.01') // "1 Июня 2020"
['2020', '06', '01']
;.unshift()
;i & 1
вернёт 1 только для месяца;-1
.+
[1, 'Июня', 2020]
join(' ')
1000 = 2 * 2 * 2 * 5 * 5 * 5
2 * 500
4 * 250
5 * 200
8 * 125
10 * 100
20 * 50
25 * 40
и зеркальные.template
,filterSelectChildren()
DOM ещё не обновлён и таблицы нет.Vue.nextTick(function () {
filterSelectChildren('#codepenSelectFirstChild', currentSetting);
})
<script>
function getMyUsers() { return @json($arrayOfUsers); }
</script>
...
<script>
const vm = new Vue({
data: function() {
return {
users: getMyUsers(),
counter: 0,
};
}
});
const routes = [
{ path: '/foo', component: Foo },
{ path: '/bar', component: Bar, isDevOnly: true },
{ path: '*', component: Baz },
]
const router = new VueRouter({
routes: routes.filter(r => DEVELOPMENT || !r.isDevOnly)
})
DEVELOPMENT
из переменной окружения с помощью DefinePluginconst webpack = require('webpack');
module.exports = {
// ...
plugins: [
new webpack.DefinePlugin({
DEVELOPMENT: JSON.stringify(process.env.mode === 'development'),
}
]
FooSearchComponent
, в который через props из родителя передаём реактивное свойство foo
:Vue.component(
"FooSearchComponent",
{
props: ['foo'],
template: '<div>
<a
href="#"
@click="searchFoo(foo)"
>
{{ foo }}
</a>
</div>',
methods: {
searchFoo: function(search) {
console.log("searchFoo:", search);
},
}
}
);
searchFoo()
в который параметром передаётся свойство (реактивное, извне) foo
body
, нет необходимости возиться с передачей данных между родительскими-дочерними компонентами во Vue, т.к. body
снаружи даже корневого компонента.v-on:click="document.body.style.backgroundСolor = color"