vue3学习笔记(1)script引入vue3实现简单应用

Vue3专栏入口

目录

  • 一、脚本引入简单使用
  • 二、双向绑定的基本表现

一、脚本引入简单使用

script引入



简单使用实现数据渲染


    
    

counter:{{ num }}

打开页面查看结果
vue3学习笔记(1)script引入vue3实现简单应用_第1张图片

二、双向绑定的基本表现

按下F12,找到console输入app.num 可以查看num现在的值,输入app.num=10可以修改num的值,当修改后发现界面中展示的数字也跟着发生了改变,页面的变化会更具数据的变化而变化这就是一个标准的绑定。
vue3学习笔记(1)script引入vue3实现简单应用_第2张图片

你可能感兴趣的:(vue3,vue,前端框架)