从基础搭建Vue开发环境：不使用Vue-CLI的详细指南与虚拟DOM+Diff算法解析
在生活中举一个例子来说明这两个区别
举一个代码示例，将人员信息转换为LI并将其渲染到页面
b。虚拟DOM+DIFF算法：
2。建立VUE开发环境
从基本知识中，我们没有使用Vue-CLI脚手架来构建它，而是使用了最传统的方法来构建它，并将vue.js文件介绍到HTML文件中
1。如何安装VUE：
在官方文档中，下载开发版本，因为它包含完整的警告和调试模式
下载并创建以下文件，然后直接使用导入。导入后，我们可以在控制台中输入VUE，您将看到VUE构造函数
打开页面以访问，并且在控制台下方会有两个善良的提示
红色框提示意味着：建议在浏览器上安装VUE。它使您可以在更友好的界面中查看和调试VUE应用程序，并安装以下方式：
下载插件：地址：
然后打开Google 并输入：//
或单击右上角--->选择更多工具按钮--->选择扩展程序
然后将vue.js .crx文件拖到扩展接口之前，然后根据相应的提示单击确认。
蓝色提示意味着：轻松。引入的vue.js文件有点大，包含警告和提示。这个东西不是在线。如果它是在线的，那么使用它不好，所以不要使用它。这将影响我们，那么我们该如何解决呢？
我们可以将其设置为防止VUE在启动时生成生产提示。
Vue.config.productionTip = false
2。写一个示例
推荐一个更有用的插件，现场直播
功能：启动服务预览html
使用方法：首先下载插件，在扩展商店中实时搜索并安装
操作方法：右键单击您要打开的页面，选择Live打开，并且网页将直接打开
工作功能：选择的那一刻，它在计算机的5500端口号上打开了一个内置的小服务器，并将项目中的所有文件和文件夹用作该服务器的根资源。
运行后将有此错误消息。为什么错误报告？这是浏览器的默认行为。当浏览器打开任何网站时，默认情况下将请求标签图标。我们在这里没有它，所以是404。
解决方案是将.ICO图标放在根目录中。
动笔
<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>初始Vuetitle> <script src="../js/vue.js">script>head><body> <div id="app"> {{msg}} div> <script> Vue.config.productionTip = false // 创建Vue实例 const vm = new Vue({ el:"#app", data:{ msg:"Hello World" } })script>body>html>
代码描述：
EL用于指定当前VUE实例要使用的容器，该值通常是CSS选择器字符串
数据用于存储数据，数据用于EL指定的容器。
总结：