2021-02-05 vue中的787记忆方法 7属性-8方法-7指令

Vue的7属性：

• el属性

  • 绑定id，用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符

• data属性

  • 用来组织从view中抽象出来的属性，可以说将视图的数据抽象出来存放在data中

• methods属性

  • 放置页面中的业务逻辑，js方法一般都放置在methods中

• computed属性

  • 定义计算属性的方法

• template属性

  • 用来设置模板，会替换页面元素，包括占位符

• watch属性

  • watch:function(new,old){ ... }

  • 监听data中数据的变化

  • 两个参数，一个返回新值，一个返回旧值

• render属性

  • 创建Virtual Dom

参考资料：https://www.cnblogs.com/bgwhite/p/9297221.html

image

Vue的8方法：

初始化显示

• *beforeCreate()
• *created()
• *beforeMount()
• *mounted()

更新状态:this.xxx=value

• *beforeUpdate()
• *updated()

销毁 vue 实例:vm.$destory()

• *beforeDestory()
• *destoryed()

参考资料：尚硅谷_Vue全家桶

另外附一张图 如右图--->

图片来源：https://www.jianshu.com/p/4d3e554269c1

Vue的7指令：

image.png

参考资料：https://www.cnblogs.com/haiyan123/p/8352742.html