深入浅出Vue.js--变化侦测
1、Array的变化侦测是通过拦截原型上 *** 实现的，所以对直接给数组某一项赋值，或者通过设置length改变数组，是侦测不到的。所以可以用api或 *** 代替。expOrFn： a.b.c or 函数 options： { deep， immediate } 用于观察一个表达式或computed函数在Vue实例上的变化。
2、Vue. *** 入门篇--列表渲染Vue.js给被观察数组添加了两个便捷 *** ：$set（）和$remove（）。你应该避免直接通过索引来设置数据绑定数组中的元素，比如demo.items[0]={}，因为这些改动是无法被Vue.js侦测到的。和model绑定到一起。说白了，就是你js中的绑定值变了。你dom中的内容就跟着一块变了。
3、Vue模板编译的整体逻辑可以分为三个阶段，即解析器（Parser）、优化器（Optimizer）和代码生成器（Code Generator）。解析器（Parser）主要负责将模板字符串转换为element ASTs。通过循环解析模板，逐段提取并转换为AST结构。
4、Vue.js给被观察数组添加了两个便捷 *** ：$set（）和$remove（）。 你应该避免直接通过索引来设置数据绑定数组中的元素，比如demo.items[0]={}，因为这些改动是无法被Vue.js侦测到的。你应该使用扩展的$set（） *** ： $remove（）只是splice（） *** 的语法糖。它将移除给定索引处的元素。
vue定义一个判断是否是数组的全局组件
Vue 可以通过全局注册来实现全局组件的功能，比如有这么一个组件 exampleComponent ，如果想把它注册成全局组件的话，只需要在引入 Vue 的文件里调用 Vue.component（example-component，exampleComponent） 来实现，又或者如同大部分 Vue 的 ui框架 那样，直接调用 Vue.use（/* 组件 */） 来实现。
data：定义组件的数据。注意：Vue实例的data选项可以是一个对象，也可以是一个 *** ，由该 *** 返回一个对象。但是在组件中，data选项必须是一个 *** ，由该 *** 返回一个对象。因为组件可能会使用很多次，如果data选项是对象的话，会导致多个组件使用了同一份数据。
vue定义全局变量，以及 *** 的调用vue0设置全局变量的源码如下：VUE介绍：DisplayOptions显示选项：包括线框显示选项框，填充框，线框，平面阴影和平滑阴影。每个对象及显示窗口均可以对这些选项进行单独设置。
在需要的地方引用进全局变量模块文件，然后通过文件里面的变量名字获取全局变量参数值。
首先，你需要创建一个自定义的Vue组件。这个组件可以是一个简单的UI元素或者复杂的交互逻辑。例如，你可以创建一个名为MyComponent的Vue组件。 注册全局组件 在你的主入口文件中，使用Vue.use *** 来注册这个全局组件。例如，Vue.use。这个 *** 会将MyComponent注册为一个全局可用的组件。
一个数组,点击如何按照点击项添加序号vue
1、一个数组项添加序号vue的步骤如下：定义一个序号变量count，初始值为0。在Vue的模板标签中使用v-for循环展示数组元素。在v-for中添加点击事件@click，定义一个事件处理器 *** ，每次点击时让count自增1。在v-for中使用{{count}}表达式输出当前元素的序号。
2、我用的是：vue + element ui 直接代码。
3、text：序号一列默认显示的数据 record：一行的所有数据 index：Table表格数据的下标，也就是数组的下标 数组的下标是从0开始的，所以需要+1。这样设置不改变原数据中序号，只改变表格一页的中所显示数据的序号：如一页显示10条数据，那么本页的序号则是从1~10。
4、你可以在data里保存数组，然后在点击事件中使用这个数组就行了。
Vue3基础-模板语法
我们可以把 Vue.js 的模板语法，直接理解为 HTML 语法的一种扩展，它所有的模板节点声明、属性设置和事件注册等都是按照 HTML 的语法来进行扩展设计的。按照官方的说法就是“所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析”。
在 Vue 3 中，修饰符是与指令结合使用的特殊标记，用于修改指令的行为。常见的修饰符包括.lazy、.number、.trim、.stop、.prevent、.capture、.self、.once、.passive 和 .exact，它们能帮助开发者更精确地控制指令的执行。
v-for 书写格式：v-for=content，content是一个遍历表达式。有下面两种遍历形式，items是一个数组。在Vue3中，v-if的优先级高于v-for，导致v-if访问不了v-for中的变量，因此绝对不要把v-if和v-for同时用在同一个元素上。下面是一些简单指令：v-text 作用：用于向标签对中添加文本。
data 属性需要传入一个函数，返回一个对象。在 vue3 中，必须使用函数，否则会报错。此函数内的对象属性可以被模板中的 *** 直接访问。methods 是一个对象，通常定义 *** 供模板调用。在某个 *** 中，可以使用 this 关键字访问 data 对象属性。
v-bind有一个对应的语法糖，也就是简写方式，在开发中，我们通常会使用语法糖的形式，因为更简洁。 注意：Vue2 template模板中只能有一个根元素，Vue3 template模板中允许有多个根元素。 在开发中，有时候我们的元素class也是动态的，比如：当数据为某个状态时，字体显示红色，当数据另一个状态时，字体显示黑色。
Vue3模板使用 *** 详解Vue3的模板语法是其核心，通过声明式方式将数据绑定到DOM，结合其响应系统，智能地更新视图。以下是三种常见的使用方式：文本插值：使用双大括号{{...}}是最常见的数据绑定形式，如早期模板字符串写法和HTML5标准后的template元素。
