Answers for "vue js"

1

vue js

<div id="app">
  {{ message }}
</div>
Posted by: Guest on July-10-2020
1

vue js

var app6 = new Vue({
  el: '#app-6',
  data: {
    message: 'Hello Vue!'
  }
})
Posted by: Guest on February-01-2021
1

vue js

<!-- production version, optimized for size and speed -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
Posted by: Guest on September-08-2020
0

vue js

<!-- production version, optimized for size and speed -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
Posted by: Guest on December-12-2020
0

vue js

return Vue.h('h2', {}, this.blogTitle)
Posted by: Guest on December-31-2020
0

vue js

I like the vue
Posted by: Guest on October-06-2021
0

vue js

<script>
  import { butter } from '@/buttercms'
  export default {
    name: 'blog-home',
    data() {
      return {
        page_title: 'Blog',
        posts: []
      }
    },
    methods: {
      getPosts() {
        butter.post.list({
          page: 1,
          page_size: 10
        }).then(res => {
          this.posts = res.data.data
        })
      }
    },
    created() {
      this.getPosts()
    }
  }
</script>

<template>
  <div id="blog-home">
      <h1>{{ page_title }}</h1>
      <!-- Создаём `v-for` и добавляем `key` для Vue. -->
      <!-- Для этого используем комбинацию slug и index -->
      <div
        v-for="(post,index) in posts"
        :key="post.slug + '_' + index"
      >
        <router-link :to="'/blog/' + post.slug">
          <article class="media">
            <figure>
              <!-- Привязываем результаты с помощью `:` -->
              <!-- Используем `v-if`/`else` для отображения картинки записи блога (`featured_image`) -->
              <img
                v-if="post.featured_image"
                :src="post.featured_image"
                alt=""
              >
              <img
                v-else
                src="http://via.placeholder.com/250x250"
                alt=""
              >
            </figure>
            <h2>{{ post.title }}</h2>
            <p>{{ post.summary }}</p>
          </article>
        </router-link>
      </div>
  </div>
</template>
Posted by: Guest on April-30-2021
0

vue js

return Vue.h('h1', {}, this.blogTitle)
hi rahim this is test
Posted by: Guest on December-31-2020
-2

vue js

<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
Posted by: Guest on September-08-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language