vue 里的什么情况下使$
-
在Vue中，使用
$前缀的情况可以分为两种：全局API和实例属性。一、全局API
-
$nextTick：用于在DOM更新队列中插入一个回调，在DOM更新完成后执行该回调函数。
比如，在修改数据后立即获取更新后的DOM节点，可以使用$nextTick来确保DOM已经更新完毕。 -
$mount：用于手动挂载Vue实例到一个元素上。
在某些特殊情况下，可能需要手动控制Vue实例的挂载过程，可以使用$mount方法手动将Vue实例挂载到指定的DOM元素上。 -
$destroy：用于手动销毁Vue实例。
当不再需要一个Vue实例时，可以调用$destroy方法来手动销毁实例，释放相关资源。
二、实例属性
-
$el：当前Vue实例使用的根DOM元素。
可以通过this.$el来访问当前Vue实例使用的根DOM元素。 -
$data：Vue实例的数据对象。
通过this.$data可以访问Vue实例中数据的对象形式。 -
$props：父组件传递给子组件的属性对象。
在子组件中，可以通过this.$props来访问父组件传递过来的属性。 -
$refs：使用ref属性标识的元素或组件的引用。
通过ref属性标识的元素或组件可以通过this.$refs来访问。 -
$emit：用于触发当前实例上的自定义事件。
通过$emit方法可以触发当前Vue实例上注册的自定义事件。
总结：在Vue中，
$前缀一般用于访问全局API或实例属性，提供了便捷的操作和访问方式。2年前 0条评论 -
-
Vue中的
$是一个全局变量，用于访问Vue实例上的属性和方法。下面列举了一些在Vue中使用$的情况：-
使用
$el访问Vue实例的挂载元素：$el指向Vue实例所挂载的元素，可以通过this.$el来访问。 -
使用
$data访问Vue实例的数据：$data包含了Vue实例的数据对象，可以通过this.$data来访问。 -
使用
$props访问组件实例收到的props：$props是一个只读属性，包含了组件实例收到的props的属性和值。 -
使用
$watch监听数据的变化：$watch是Vue提供的一个方法，可以监听数据的变化，当数据发生改变时触发回调函数。 -
使用
$nextTick在下次DOM更新循环结束时执行代码：Vue在更新DOM时是异步的，所以如果想要在数据改变之后立即操作DOM，可以使用$nextTick来确保DOM已经更新完毕。
总结：在Vue中，
$前缀的属性和方法是一些特殊的全局变量，用于访问Vue实例上的属性和方法。通过this.$来访问这些全局变量，可以方便地操作和管理Vue实例的数据和DOM。2年前 0条评论 -
-
在Vue中，
$符号通常表示Vue实例中的内置属性或方法。下面是一些你可能会遇到的情况。-
$data：$data属性表示Vue实例的数据对象。你可以使用它来访问和修改数据。例如，this.$data.title表示获取数据对象中的title属性的值。 -
$props：$props属性表示Vue组件接收到的props属性。你可以使用它来访问父组件传递的属性值。例如，this.$props.userInfo表示获取父组件传递的userInfo属性的值。 -
$emit：$emit方法用于在Vue组件中触发自定义事件。它接受两个参数，第一个参数是触发的事件名称，第二个参数是传递给事件处理函数的参数。例如，this.$emit('myEvent', data)将触发名为myEvent的自定义事件，并传递data作为参数。 -
$on：$on方法用于在Vue组件中监听自定义事件。它接受两个参数，第一个参数是要监听的事件名称，第二个参数是事件处理函数。例如，this.$on('myEvent', handleEvent)将监听名为myEvent的自定义事件，并在事件触发时调用handleEvent函数。 -
$watch：$watch方法用于在Vue组件中监测数据的变化。它接受两个参数，第一个参数是要监测的数据属性，第二个参数是回调函数，当监测的数据发生变化时，回调函数将被调用。例如，this.$watch('title', handleTitleChange)将监测数据属性title的变化，并在变化时调用handleTitleChange函数。 -
$refs：$refs属性用于在Vue组件中引用DOM元素或子组件。它允许你直接访问DOM元素的属性和方法，或者调用子组件的方法。例如，this.$refs.titleInput表示获取具有ref="titleInput"属性的DOM元素或子组件的引用。
总之，
$符号在Vue中用于访问Vue实例的内置属性和方法，可以帮助你更方便地操作和控制Vue组件和数据。2年前 0条评论 -
