Vue3基础-模板语法
1、v-bind有一个对应的语法糖，也就是简写方式，在开发中，我们通常会使用语法糖的形式，因为更简洁。 注意：Vue2 template模板中只能有一个根元素，Vue3 template模板中允许有多个根元素。 在开发中，有时候我们的元素class也是动态的，比如：当数据为某个状态时，字体显示红色，当数据另一个状态时，字体显示黑色。
2、将全局的API，即：Vue.xxx调整到应用实例（app）上 由于 V3 中不在存在 this ，所以 ref 的获取调整了 语法 V3 中在 for 循环元素上绑定 ref 将不再自动创建 $ref 数组。
3、通常更好的做法是使用计算属性而不是命令式的 watch 回调。Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。
4、首先，让我们踏上创建Vue 3项目的奇妙旅程。在命令行中，输入强大的命令行工具 vue create，后跟你的项目名，如我这里的是jswisdow，按回车键启动构建过程。（vue create 是你的启动器）在项目生成的选项中，选择 Manually select features，这是让你根据项目需求自定义配置的关键步骤。
什么是vue
Vue （读音 /vju/，类似于 view） 是一套用于构建用户界面的渐进式JavaScript框架。 [5] 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
vue官网说：Vue.js（读音 /vju/，类似于 view） 是一套构建用户界面的渐进式的JavaScript框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。
Vue.js是一套构建用户界面的渐进式框架，Vue 采用自下向上增量开发的设计，其核心库只关注视图层，易于上手，同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。MVVM即model，view，viewmodel，它是数据驱动模式，即所有的一切通过操作数据来进行，而尽量避免操作dom树。
vue里的template和html有啥区别?
template标签在vue实例绑定的元素内部 它是可以显示template标签中的内容，但是查看后台的dom结构不存在template标签。如果template标签不放在vue实例绑定的元素内部默认里面的内容不能显示在页面上，但是查看后台dom结构存在template标签。
在HBuilderX中，HTML和Template都是用来创建Web应用程序的不同类型文件。HTML文件用于创建网页，并包含HTML标记、CSS样式和JavaScript脚本代码。而Template（模板）文件用于通过服务器端渲染构建动态内容。通常使用类似于JSP、ASP.NET、PHP等服务器端技术来实现页面动态数据呈现。
性质不同、组件化。根据查询神测网得知：性质不同：vue框架是一种用于构建交互式前端应用程序的JavaScript框架，而html是一种标记语言，用于描述和定义网页的结构。
在Vue里,将data文本数据插入到HTML里用什么语法?
Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。在vue里最常见的数据绑定是使用“Mustache”语法 （双大括号）的文本插值：spanMessage：{{ value }}/span // 插值文本 无论何时，绑定的数据对象上 value 属性发生了改变，页面上都会响应的做出重新渲染。
如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache”语法 （双大括号） 的文本插值。 并且我们前端提到过，data返回的对象是有添加到Vue的响应式系统 中，当data中的数据发生改变时，对应的内容也会发生更新。
创建静态页面vhtml.html，并引入vue.js文件。在body/body元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。绑定v-html指令数据，这里设置为字符串。Vue.js库的v-html指令是插入html元素，修改datas为包含p/p标签。
看你data是什么样放的数据。如果是 export default { route： { abc：abc} 用import xx from ../xx.js如果是json的数据，比如想模拟服务器返回的数据，用get post直接请求文件地址。得到json数据。若不是，需要转换或者其他处理。
如何利用Vue.js库中的v-html指令添加html元素
创建静态页面vhtml.html，并引入vue.js文件。在body/body元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。绑定v-html指令数据，这里设置为字符串。Vue.js库的v-html指令是插入html元素，修改datas为包含p/p标签。
双击打开HBuilder工具，新建静态页面vhtml.html，并引入vue.js文件。在body/body标签元素插入一个div和input输入框标签，添加v-model和v-html指令。在div/div标签下方插入script/script，并在这个标签初始化vue组件函数。
-html是Vue.js框架中的一个指令，用于将数据作为HTML动态插入到DOM中。v-html指令的作用是将一个字符串作为HTML代码进行解析，并将其插入到指定元素的内部。情况下，Vue.js会将数据的内容作为文本插入到HTML中，这样防止XSS攻击。
Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。在vue里最常见的数据绑定是使用“Mustache”语法 （双大括号）的文本插值：spanMessage：{{ value }}/span // 插值文本 无论何时，绑定的数据对象上 value 属性发生了改变，页面上都会响应的做出重新渲染。
题主是否想询问“vue如何给html添加id”？首先，选定要添加ID的HTML元素。其次，在Vue模板中的对应元素上使用v-bind指令，将ID属性与Vue中的数据绑定。最后，在Vue实例中定义并赋值对应的数据，即可实现给HTML添加ID的效果。
您可以使用Vue的v-html指令将HTML代码插入到组件的模板中，从而动态渲染HTML页面。如果您需要获取HTML页面的数据，可以使用axios库来完成ajax请求。如果您需要在另一个页面使用通过路由传参拿到跳转前页面数据并在页面使用传来的数据，可以使用vue router页面跳转及传参。
标签： #html模板语法vue
