Vue入门
今天开始利用业余时间学习Vue,总体感觉还行,因之前学习过小程序,两者有很多相同的思想,在此总结列举下
1.小程序和vue都借鉴了Mustache语法,都是通过{{}}去指定数据对象。
2.Vue使用时需要new Vue对象,这个Vue对象有点像小程序中的JS文件中的Page对象。
new Vue({ //这是常见的创建vue对象代码 el:'#app', data:{message:'hello'}, computed:{ //计算属性是基于它们的依赖进行缓存的,依赖发送该表示才会重新求值 reversedMessage:function(){ return this.message.split('').reverse().join(''); } }, methods:{ //每当触发重新渲染时,调用方法将总会再次执行函数。 } })
//小程序代码 test.js Page({ data:{}, onLoad:function(){}, onShow:function(){} })
3.Vue中的script也可以外化成JS文件小程序,Vue需要绑定页面的ID。而小程序已经默认绑定了同名的JS文件。
4.Vue对象中data属性与小程序Page对象中属性作用类似,(从使用上是一样的,不过内部实现和原理还不太清除)。
5.对于一些需要动作变动的方法,Vue放在methods里面,小程序放在Show里面。
本人初学,用词不当处请大神指正。