双向绑定: 效果:我们修改表单项,num 会发生变化。我们修改 num,表单项也会发生变化。为了实 时观察到这个变化,我们将 num 输出到页面。 我们不需要关注他们为什么会建立起来关联,以及页面如何变化,我们只需要做好数据和 视图的关联即可(MVVM)
Document
{}} ,从数据区里,取到name,放到这里--> {{name}} ,真不辍!有{{num}}个人给他点赞!
Document
{{name}} ,真不辍!有{{num}}个人给他点赞!
v-xx:这些都是指令
操作流程:
1、创建vue实例,关联页面的模板,将自己的数据(data)渲染到关联的模板,响应式的 2、指令来简化对dom的一些操作。
3、声明方法来做更复杂的操作。methods里面可以封装方法。
Document
{{name}} ,真不辍!有{{num}}个人给他点赞!
为了后来的开发方便,可以在vscode里安装vue提示语法的插件
这个插件整合了vue2跟vue3的语法提示

直接new就会给我们提示
安装完vscode后,再来安装一个浏览器的插件
到自己浏览器插件里搜索安装 Vue.js devtools

安装好后打开控制台,最后面就出现了vue