vue实例属性方法，生命周期，数据绑定，computed和watch，原生指令

Posted 2023-03-18

参考技术A app.$data：传进去的内容

app.$props：当前组件接收到的props 对象

app.$el：html节点

app.$options：Vue里面的选项，option对里面的数据修改是没有作用的

app.$options.render：赋值是有作用的，不过要等下一次有值发生变化，重新渲染时，才会发生变化

app.$options.render = (h) =>
return h('div',,'new render function')


app.$root：整个vue最上层的根节点

app.$root === app

app.$children

<item><div>app.$children</div></item>

app.$slots

app.$scopedSlots

app.$refs 模板引用

app.$isServer

app.$watch：监听值的变化

const unWatch = app.$watch('text',(newText,oldText) =>
)

注销的方法：unWatch()；

在组件里面的写法

watch：没用的时候要销毁掉，不然会导致内存溢出。

通过watch属性放的，app用完后会自己注销。

事件监听：

app. a $b');
);

$：字符串模板

$emit 触发事件，同一个对象，可以传数据

app.$emit('test',1,2)

$on的区别

$once:只监听一次

vue响应式框架

app.$forceUpdate();重新渲染，会强制一直重新渲染，导致性能不好。

app.$set(app.obj,'a',i)重新赋值

app.$delete

app.$nextTick：vue是异步渲染，希望每次对dom节点的操作，都渲染出来。

所有的指令都是以 v-开头，有些有缩写。

注意：默认情况下，我们在dom上面的value都是字符串，如果需要变成数字，前面加bind
<input type = 'checkbok' :value='1' v-model='arr' >