Vue.js 入门

Posted yangcw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js 入门相关的知识,希望对你有一定的参考价值。

技术分享图片

技术分享图片

 

1、必须引入vue.js

2、vue.js 语法

  v-on 用于事件

    e.g:  <button v-on:click="action">click</button>

      <button @click="action">click</button>

  v-for 用于数组循环遍历

    1、数组遍历

      <li v-for="abc in arr">{{abc}}</li>

    2、对象数组遍历

      <li v-for="abc in obj2">{{abc.name}}</li>

  {{}}显示数据元素 v-show 用于控制元素的显示或隐藏

      <button v-show ="flag"></show>

   v-if  v-else  条件判断

      <button v-if ="age>20">{{age}}</show>

      <button v-else>123</show>

 

以上是关于Vue.js 入门的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js 入门

Vue.js 入门

Vue.js入门

Vue.js 60 分钟快速入门

Vue.js——60分钟快速入门

转-Vue.js2.0从入门到放弃---入门实例