《Vue应用开发》课件——2.3将Vue引入HTML页面中.pptxVIP

任务2.3将Vue引入HTML页面中

2.2.1初识数据绑定多学一招：将Vue引入HTML页面中前面学习的方式是通过Vite创建一个新的项目，这个项目中不仅有Vue，而且整合了一系列辅助开发的工具。其实Vue的使用方式非常灵活，它还提供了另一种使用方式，就是将Vue引入HTML页面中。但这种方式只能使用Vue的核心功能，所以只适合开发一些简单的页面，在实际开发中一般不用这种方式。

2.2.1初识数据绑定步骤1演示如何将Vue引入HTML页面中创建D:\vue\chapter02\helloworld.html文件，在该文件中通过script标签引入Vue。src=/vue@3/dist/vue.global.js步骤3步骤2

2.2.1初识数据绑定在页面中定义一个用于被Vue应用实例控制的DOM区域，使开发者可以将数据填充到该DOM区域中。步骤1步骤3步骤2演示如何将Vue引入HTML页面中

2.2.1初识数据绑定演示如何将Vue引入HTML页面中在/body结束标签前编写代码，创建Vue应用实例。步骤1步骤3步骤2

2.2.1初识数据绑定通过浏览器访问helloworld.html，将Vue引入HTML页面的效果如下图所示。