Как получить всю форму значения с помощью vuejs

---

Привет а есть код html.

<pre> <form class="m-t panel" role="form" id="login">
                            <div class="panel-heading">
                                <div class="panel-title"> </div>
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <span class="glyphicon glyphicon-envelope"></span>
                                </div>
                                <input type="text" upperCase="true" class="form-control" 

                                      placeholder="Thông tin người sử dụng" v-bind:value="userName">
                                
                            </div>
                            <div class="input-group" style="padding-top:10px !important;">
                                <div class="input-group-addon">
                                    <span class="glyphicon glyphicon glyphicon-log-out"></span>
                                </div>
                                <input type="password" class="form-control" placeholder="Thông tin mật khẩu" v-bind:value="pw">
                            </div>
                            <button type="button" class="btn btn-primary block full-width m-b" style="margin-top:10px;" v-on:click="dangnhap()">
                                
                                Login
                            </button>
                            <a href="#">
                                <small>Quên mật khẩu?</small>
                            </a>
                            <p class="text-muted text-center">
                            </p>
                        </form>

я использовал этот код, чтобы получить значение при нажатии кнопки

var rootUrl="@Core.Constants.Config.GetBaseUrl()";

       var login = new Vue(
           {
               el: "#login",
               data: {
                   userName: "",
                   pw: "",
               }
               ,
               methods: {
                   dangnhap: function (evt) {
                       debugger;



                   }
               }
           }
       );

но ценность равна нулю.

спасибо за поддержку

Что я уже пробовал:

я использовал js но он не работает

<pre lang="Javascript">


 var rootUrl="@Core.Constants.Config.GetBaseUrl()";

        var login = new Vue(
            {
                el: "#login",
                data: {
                    userName: "",
                    pw: "", 
                }
                ,
                methods: {
                    dangnhap: function (evt) {
                        debugger;

                         

                    }
                }
            }
        );

---