作者：乔山办公网日期：
返回目录：office365
vue.js实现页面加载完成执行函数
功能和jquery的
<script>
$(function () {
alert("1111");
})
</script>相同
加载和显示新数据在vue里最简zhidao单了，往你的数据中添加新的值就可以了：methods:{loadMore:function(){yourAjaxMethod(function(moreData){this.items.push(moreData);}.bind(this));}}另外一个问题就是如何触发loadMore，这里像你说的，滚动。所以你需回要监听下scroll事件或者使用其他滚动插件比如iscroll，在对应答的回调里调用loadMore
第一步，创建静态页面von.html，并引入vue.js关键的核心js文件，如下图所示：
第二步，在主题元素下插入div标签元素，并在其中插入一个知input输入框和一个按钮，利用v-on指令绑定点击事件queryDate，如下图所示：
第三步，道在div标签下方编写vue.js点击事件，事件是获取当前日期，如下图所示：
第四步，为了让输入框和按钮版有间距，这里设置body元素样式，如下图所示：
第五步，预览该静态页面，然后点击按钮，发现输入框没有值，调试下发现错误，缺少jquery核心js文件，如下图所示：
第六步，引入jquery核心js文件后再次预览页面，并单击按钮，这时权日期就显示在输入框内，如下图所示：
vue页面加载完成自动执行方抄法袭是数据加载完成执行的。
$(window).load(function(){ //要执行的方法体 })；进入页就执行，数据是否百加载完成 $(document).ready(function(){ }) 这个还可以度简写成 $(function(){ })；更多问内容，可以参考.cn；
new Vue({ , beforeCreate(){ } }) 具体可以参考网站说明 #Lifecycle-Diagramvuejs实现页面加载完成执行函数。答