6.4

75 阅读1分钟

声明式编程

命令式编程

MVVM模型

model-view-viewmodel

template属性

  • 表示的是Vue需要帮助我们渲染的模板信息

  • 一个字符串模板,用作 component 实例的标记。模板将会替换所挂载元素的 innerHTML。挂载元素的任何现有标记都将被忽略,除非模板中存在通过插槽分发的内容。

  • 如果字符串以 # 开始,则它将被用作 querySelector,并使用匹配元素的 innerHTML 作为模板字符串。这允许使用常见的 <script type="x-template"> 技巧来包含模板。

data属性

vue3.x传入的必须是一个函数

data中返回的对象 都会被Vue的响应式劫持, 之后对该对象修改或者访问 都是能被监听到的

methods属性

是一个对象 里面有很多方法 这些方法都是能被绑定到template模板里面去的 在该方法中 我们可以通过this关键字来访问data中的数据

methods方法绑定this

箭头函数的this指向的是window

难点!!!

02.Vue3模板语法 methods 中的 this绑定问题 阅读源码!!

02 0052