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里面。

本人初学,用词不当处请大神指正。

原文地址:https://www.cnblogs.com/chaichai/p/9159932.html