vue页面定义和使用js方法？
接触vue是做手机端app，对数据进行页面渲染
vue属于JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。
之前用jQuery操作DOM，需要手动操作DOM，而vue是数据驱动，无需手动操作DOM。它通过一些特殊的html语法，将DOM和数据库绑定起来。一旦创建绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应的更新。（在使用vue时，也可以结合其他库一起使用，比如jQuery）
（本文简单介绍了Vue.js的MVVM模型和它的双向绑定机制，然后以一个Hello World示例，了解了几个比较常用的指令）
MVVM模式（Model-View-ViewModel）
ViewModel是Vue.js的核心，他是一个vue实例。vue实例是作用于某个html元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。当创建了ViewModel后，双向绑定是如何达成的呢？
DOM Listeners和Data Bindings看做两个工具，他们是实现双向绑定的关键。
从view侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据
从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DM元素
jQuery实现html表格动态添加新行的方法？
jQuery实现动态添加行的方法
<script src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
<!-- jQuery Code will go underneath this -->
$(document).ready(function () {
// Code between here will only run when the document is ready
$("a[name=addRow]").click(function() {
// Code between here will only run
//when the a link is clicked and has a name of addRow
$("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');
return false;
});
});
</script>
</head>
<body>
<table id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<a href="#" name="addRow">Add Row</a>
</body>
</html>