VueJS使用笔记

Posted 呵呵小浪

tags:

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

html:

  <script src=‘vue.js‘></script>

  <div id=‘app‘>

    <span>{{msg}}</span>

    <input  type=‘text‘ v-model=‘msg2‘ />

    <input  type=‘button‘ v-on:click=‘onVerify‘ />

  </div>

js:

  <script>

    var app = new Vue({

      el: ‘#app‘,

      data:{

        msg: ‘Hello World‘,

        msg2: ‘sss‘

      },

      methods:{

        onVerify: function(){

          if(this.msg2==‘‘){

            alert(‘请输入内容‘);

          }

        }

      }

    });

  </script>

以上是关于VueJS使用笔记的主要内容,如果未能解决你的问题,请参考以下文章

Vuejs学习笔记-9.使用计算属性

Vuejs使用笔记 --- component内部实现

VueJs全套学习笔记记录

vuejs学习笔记

在 VueJS 中渲染换行符

VueJs学习笔记