看一下vue的双向绑定

前端学习03-Vue-基本语法&插件安装

前端学习03-Vue-基本语法&插件安装

输入框输入上面,页面就是动态的更改为什么

前端学习03-Vue-基本语法&插件安装

前端学习03-Vue-基本语法&插件安装

控制台变了,页面和输入框也会跟着变,这就是双向绑定了

双向绑定,模型变化,视图变化。反之亦然

前端学习03-Vue-基本语法&插件安装

接下来事件处理,点击按钮

v-on是绑定事件的功能,v-on:click绑定单击事件的功能

前端学习03-Vue-基本语法&插件安装

前端学习03-Vue-基本语法&插件安装

v-on:click绑定方法

前端学习03-Vue-基本语法&插件安装

前端学习03-Vue-基本语法&插件安装

 

前端学习03-Vue-基本语法&插件安装

可以装vue插件,进行语法的提示

前端学习03-Vue-基本语法&插件安装

安装完后直接就提示了

前端学习03-Vue-基本语法&插件安装

我们还可以安装vue浏览器插件,方便调试

插件连接

链接:https://pan.baidu.com/s/139hspAnspD7bJbo81xigmg 密码:1hsv

这是插件解压后的文件夹

前端学习03-Vue-基本语法&插件安装

前端学习03-Vue-基本语法&插件安装

前端学习03-Vue-基本语法&插件安装

然后选择vue-devtools文件夹即可,就会出现

前端学习03-Vue-基本语法&插件安装

再重新打开一个浏览器窗口

前端学习03-Vue-基本语法&插件安装

前端学习03-Vue-基本语法&插件安装

相关文章:

  • 2022-12-23
  • 2021-06-25
  • 2022-12-23
  • 2021-08-10
  • 2021-11-08
  • 2021-04-07
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-02-08
  • 2021-12-08
  • 2021-06-27
  • 2021-10-26
相关资源
相似解决方案