微信小程序的class文件是什么
.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。 Utils 我们写的一些公共的工具js可以放里面。 app.js 是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。
在微信小程序中，你可以使用setData方法来动态添加class。首先，在你的页面的js文件中，定义一个变量来存储需要动态添加的class，例如：data： { dynamicClass： true }。然后，在wxml文件中使用wx：if或者wx：else来进行条件渲染，从而达到动态添加class的效果 。
微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。
wxapkg是一个二进制文件，有其自己的一套结构。wxapkg是微信小程序编译包格式，文件内包含小程序的源码与图像等资源文件。
React-JSX中如何实现Class与Style的动态绑定(附实例)
本文以React-JSX语法为基础，结合其它框架的实现方法，介绍如何实现ClassName 与 Style 的动态绑定。
在 ：style 中使用需要一个 vendor prefix (浏览器引擎前缀) 的 CSS property 时，Vue 将自动侦测并添加相应的前缀。Vue 是通过运行时检测来确定哪些样式的 property 是被当前浏览器支持的。如果浏览器不支持某个 property，Vue 会进行多次测试以找到支持它的前缀。
class样式，写法：class=xxx ，其中xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取。对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。
和 Class 的绑定一样，Style 的绑定同样可以通过数组和对象的两种形式。v-bind：style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。
它的样式都可以被已经写好的css定义 你只需动态添加class，(p：first).addClass(intro)；也可以在你动态添加表格的时候，改一下代码，直接把class也设置了，让它和原来添加前一样。
绑定class有两种方式：对象语法，数组语法。 ① 对象语法：我们可以传给 ：class (v-bind：class 的简写) 一个对象，以动态地切换 class。
Vue3基础-模板语法
v-bind有一个对应的语法糖，也就是简写方式，在开发中，我们通常会使用语法糖的形式，因为更简洁。 注意：Vue2 template模板中只能有一个根元素，Vue3 template模板中允许有多个根元素。 在开发中，有时候我们的元素class也是动态的，比如：当数据为某个状态时，字体显示红色，当数据另一个状态时，字体显示黑色。
通常更好的做法是使用计算属性而不是命令式的 watch 回调。Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。
将全局的API，即：Vue.xxx调整到应用实例（app）上 由于 V3 中不在存在 this ，所以 ref 的获取调整了 语法 V3 中在 for 循环元素上绑定 ref 将不再自动创建 $ref 数组。
首先，在Vue组件的模板中添加一个按钮和一个用来显示新的span元素的容器。然后，在Vue组件的JavaScript部分定义addSpan方法和spans数据。创建一个新的span元素。将新的span元素添加到spans数组中。
模板语法：Vue.js的模板语法借鉴了Angular和React等框架的优点，并进行了简化和优化，使其更易于理解和使用，通过模板语法，可以快速编写出符合语义的HTML代码，并与组件中的数据进行绑定。