4.1.2 Vue.js 的开发模式

Vue.js 是一个渐进式的 JavaScript 框架，根据项目需求，可以选择从不同的维度来使用它。因为大觅项目的业务逻辑比较复杂，对前端工程师有一定的要求，需要使用 Vue 单文件组件的形式配合 Webpack 来完成 ，在配置完路由的大觅项目首页的组件中写入下面的代码来快速体验 Vue。

<template>
  <div class="hzh">
    <ul>
      <li v-for="person in persons">{{ person.name }}</li>
    </ul>
  </div>
</template>
 
<script>
export default {
  name: "App",
  data() {
        return {
          persons: [
            { name: "黄子涵" },
            { name: "陈兰英" },
            { name: "黄春钦" },
            { name: "佘佳梓" },
          ]
        }
      },
  methods: {
    
  },
  components: {
  },
};
</script>
 
<style>
</style>