温仪

vue作为数据驱动的组件化前端界面库，上手简单。 本文通过以需求为导向的方式，叙述对应需求所需具备的vue知识。 摸索一：页面初始化就需请求数据vue提供了多个钩子函数，他们对应不同的vue的生命周期，也就是vue实例挂载到DOM的一系列过程。其中created生命周期钩子，对其调用时机为：vue实例被创建之后就会被调用。因此需要实现初始化请求数据，即 created: function () { let self = this; self.getData(); } methods:function () { getData(){ /*详细的请求方法*/ } } methods选项监测数据，将被混入到 Vue 实例中；监听事件等众多逻辑处理均在该方法里编写。 摸索二：数据读写vue实例需要配置数据观测(data observer)，同时，改写更新数据，也是通过对数据追踪变化来达到目的。vue中的data属性用来达到这个需求目的。 data(){ return { initData: {}, enough:[] } }, methods:{ getData(){ Dom7.ajax({ url: 'http://url', type: 'get',