<template>
  <div id="app">
    <h2>你好vue{{msg}}</h2>/*数据绑定*/
    <br>
    <h3>{{obj.name}}</h3>/*绑定属性*/
    <br>
    <hr>
    <ul>/*循环渲染*/
      <li v-for="a in list">
          {{a}}
      </li>
    </ul>
    

  </div>
</template>

<script>
export default {
  data(){
    return{
      msg:'你好vue',
      obj:{
        name:"张三"
      },
      list:['111','222','333']
    }
  }
}
</script>

<style>
</style>

vue基础:数据绑定,绑定属性,循环渲染
可以查看官方文档,查找需求(如循环渲染)官方文档(谷歌浏览器可右击页面,翻译中文)

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-09
  • 2021-09-24
  • 2022-12-23
  • 2021-08-22
猜你喜欢
  • 2021-11-19
  • 2022-12-23
  • 2021-07-12
  • 2021-07-05
  • 2021-10-06
  • 2021-11-14
  • 2021-12-24
相关资源
相似解决方案