Vue学习笔记2

vue property中的computed属性和data属性

data属性里面放的是很一般的数据

computed属性中放有一些复杂逻辑的数据 这些数据经常是与将data中的数据做一些处理 然后return 这也符合computed 计算属性的名称意义

写在methods中的方法完全可以执行到和computed属性一样的效果 但是computed属性中的数据响应式依赖是建立在data属性中的 只要是data中的数据不发生改变 那么computed属性中的数据完全就相当于用的缓存数据 而如果在模板表达式里面直接调用的是方法的话 它每次都要把方法执行一遍 与computed属性中的方法相比 computed属性中的方法只执行了一遍。

当然 如果computed属性中的数据跟data属性中的数据木有关系了 那么computed属性中的数据就只剩响应 没有依赖了 跟data属性中的数据就没啥区别了 而且还不能在方法中调用着改 好惨 因为它只在vue实例生成的时候创建的时候执行一次 而不会在每次在模板中调用的时候都执行一遍computed属性中js函数 真的很惨诶

<div id="app">
    {
   {
    res }}
	{
   {
    res }}
	{
   {
    res }}
	{
   {
    resm() }}
	{
   {
    resm() }}
	{
   {
    resm() }}
	
	<script>
        v