TimraWork

<div id="app">
  <h2>Введите текст и нажмите enter</h2>
  <ul>
    <li v-for="message in messages">{{ message }}</li>
  </ul>
  <!-- Принимаем данные которые мы пробросили и создаем с ними метод -->
  <message @message-saved="handleMessage"></message>
</div>
<script>
  Vue.component('message', {

TimraWork

<div id="app">
	<div id="app">
		<!-- <pre>{{$data}}</pre> -->
		<div v-for="item in list">
			{{ item.username }}
			<a :href="`mailto:${item.email}`">{{ item.email }}</a>
		</div>
	</div>
	<!-- /#app -->
</div>

TimraWork

router-link.header-logo( to = "/" )  VUE-cli


router-link.navbar-link( :to = "`${link.url}`" ) {{ link.title }}

TimraWork

.button-burger(@click="menuShow = !menuShow")
.navbar-list__wrapper(:class="{active:menuShow }")

...

.button-burger(:class="{active:menuShow }")

...

data() {

TimraWork

// Пока заголовок не заполнен, следующие действия не будут выполняться
if (this.taskTitle === "") {
  return;
}

// Или сокращенная запись
if (!this.taskTitle) return;

// Пока заголовок не заполнен, следующие действия не будут выполняться

TimraWork

<template lang="pug">
	
</template>

<script>
export default {
	data() {
		return {};
	}
};

TimraWork

// +++++++++++++++++++++ 1.Create Task.vue +++++++++++++++++++++ 
// --- template ---
<template lang="pug"> ... </template>

// --- script data ---
export default {
  data() {
    return {
      tasks: [
        {

TimraWork

// Current functions
.push(tag.title);
.splice(tag.title, 1);

// All code
addTagUsed(tag) {
  tag.use = !tag.use;
  if (tag.use) {
	this.tagsUsed.push(tag.title);
  } else {

TimraWork

export default{
	state: {},
	mutations: {},
	actions: {},
	getters: {}
}

TimraWork

... // task.js 
getters: {
  tasks(state) {
    return state.tasks;
  }
}

... // Task.vue
computed: {
  tasks() {