声明式编程
命令式编程
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绑定问题 阅读源码!!