版博士V2.0程序
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

simple-vue.js 713 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. const code = `
  2. <template>
  3. <div>
  4. <p>迁移:{{ name }}</p>
  5. <p>Vue版本:{{ version }}</p>
  6. <ul>
  7. <li v-for="(item,index) in items" v-if="isShow" v-bind:key="index">{{ item }}</li>
  8. </ul>
  9. </div>
  10. </template>
  11. <script>
  12. import Vue from 'vue';
  13. /* 迁移指南: https://v3.cn.vuejs.org/guide/migration/v-if-v-for.html*/
  14. export default {
  15. name: 'v-if 与 v-for 的优先级对比',
  16. props: {
  17. msg: String,
  18. items: [1, 2, 3, 4, 5],
  19. isShow: false
  20. },
  21. data() {
  22. return {
  23. name: 'v-if 与 v-for 的优先级对比',
  24. version: Vue.version,
  25. };
  26. },
  27. };
  28. </script>
  29. <!-- Add "scoped" attribute to limit CSS to this component only -->
  30. <style scoped>
  31. h1 {
  32. color: #64b587;
  33. }
  34. </style>
  35. `;
  36. module.exports = code;