第1步,创建一个html5

重点是添加了一个

第2步:添加vue3.js的CDN链接,这样可以省去vue2和vue3版本切换的麻烦,也不需要安装node.jd的npm

  {{ my_data }}

以上代码运行后(建议在服务器状态下运行,可以在本地安装一个IIS,apache或者Nginx),

将在浏览器中显示 "Hello Vue!!"

Vue.createApp(myVue).mount('#firstVue')这行代码建立 一个myVue实例,并绑定在firstVue标签上,第17行my_data: 'Hello Vue!!'修改了{{ my_data }}的数据内容,双大括号是Vue的格式模板.

第3步:如何修改属性?

{{my_data}}

 

以上代码通过v-bind给的href属性指定了abc变量 ,而后续的vue直接修改了abc的值为'http://www.abc.com',这样就完成了属性的修改