vue如何取出绑定的属性值, 在jquery里!??

看到官网上有个例子:


关于这个"轻松实现表单输入和应用状态之间的双向绑定" 如何理解呢?不是很明白.

我只看明白, input里的值来源于message而已,其他还有什么吗?

如果 我要取出input里的值, 用jquery的.val()不知是否可以取到呢?

=========================================
以上只是我找我题目中的答案时遇到的问题.我目前最想知道的是题目中问题的答案.

我在一组radio中的value属性处绑定了一个值, 现在想在某个事件中取出这个绑定的值是多少, 但是一直取不到的. 上代码:

html:

<ul id="app1-title">

			<li v-for="(item,key) in list">

				<input type="radio" name="input_style" value="{key}" /> {{key+1}}:{{item.name}}

			</li>

		</ul>

对应的js:

var app1_title = new Vue({

	el: '#app1-title',

	data: {

		list: [

			{

				name: 'space-between',

				text: 'text here1',

				desc: 'desc here1'

			},

			{

				name: 'space-around',

				text: 'text here2',

				desc: 'desc here2'

			},

			{

				name: 'center',

				text: 'text here3',

				desc: 'desc here3'

			},

			{

				name: 'flex-start',

				text: 'text here4',

				desc: 'desc here4'

			},

			{

				name: 'flex-end',

				text: 'text here5',

				desc: 'desc here5'

			}

		]

	}

});

另外在这组radio的change中事件中想获得选中的radio的value, 所以有如下代码,可就是取不到值, 求解:

$(function(){



	app1_init();



	var index = 0;

	$('#app1-title input[type=radio]').change(function(){

		// var index = 2;

		index++;

		if(index == 5)

			index = 0;



		var item = app1_title.list[index];

		app1_content.item = item;



		var v = $(this).val();    // 想取radio的value, 可是取不到!

		alert(v);

	});



});

不知我应该怎么写呢, vue初次使用,求高手赐教!