vue：vm.$options

最新推荐文章于 2024-07-21 19:49:56 发布

原创最新推荐文章于 2024-07-21 19:49:56 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了Vue框架中vm.$options的使用方法，通过实例展示了如何在组件中访问定义在new Vue实例化对象上的自定义属性，对于理解Vue组件的属性传递和作用域具有重要作用。

vm.$options：是用来获取data属性之外属性的方法

new Vue({
  customOption: 'foo',
  created: function () {
    console.log(this.$options.customOption) // => 'foo'
  }
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

courage(●'◡'●)

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue2.0 瞧一下vm.$mount()

denglouhen的博客

06-29

773

vm.$mount()不经常用，因为在我们实例化Vue的时候我们可以传入属性el: "#app"，目的在于将实例挂载到DOM元素下，但如果不传el选项，就需要手动挂载，这个时候唯一的方法就是调用$mount()方法。就像在vue项目的main.js里我们经常会写到这样一句话:$mount()函数的表现在完整版和只包含运行时版本之间有差异，差异在于编译过程，也就是完整版会首先检查template或者el选项提供的模板是否已经转换为渲染函数，如果没有，就要先编译为渲染函数，再进入挂载流程。所以两个版本之间是包含

Vue2源码解析变化侦测相关的API实现原理-vm.$watch

LY18483的博客

07-31

465

Vue2源码解析变化侦测相关的API实现原理-vm.$watch

参与评论您还未登录，请先登录后发表或查看评论

vm.$options

tangtian_yes的博客

03-28

838

Vue实例初始化时，除了传入指定的选项外，还可以传入自定义选项。自定义选项的值可以是数组、对象、函数等，通过vm.$options来获取 (就是说有些自己定义的属性，不是在data数据里面的，可以通过$options来获取输出) 这里通过this.noBase = this.$options.customOption;获取到customOption的值传给noBase，然后再DOM元素输出它 ...

vue的vm.$options使用

weixin_30839881的博客

09-25

3280

官网：https://cn.vuejs.org/v2/api/#vm-options 直接上代码： <template> <div class="demo"> </div> </template> <script> export default { name: ...

VM.$option

weixin_41184962的博客

01-11

804

vm.$option 可以获取定义data时的值可以用来重置数据，把数据重置到定义data时的值，比如搜索条件的重置

vm options 如何设置_学习vue源码（4）手写vm.$mount方法

weixin_39747334的博客

12-12

357

一、概述前面的文章 https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw==&tempkey=MTA2M19WeHNUZGZ1VHVqRzFZcjZ0S2l0U014cnFwVDRtVkdfQ2dsaTVrOGdEVVU5WjZIUzdnYWR2aklESmoyc3BRMUREanYtQldtMENFSlZQX1lpb091RW1mS3lNYnB...

Vue之$options

08-15

1万+

this.$options 可以获取自定义属性时。直接举个例子吧： <template> <div> <el-button @click="handleclick">点击</el-button> <label>自定义属性显示</label> <el-input type="text" ...

Vue中的this.$options.data()和this.$data用法说明

11-20

1. 当创建一个新的Vue实例时，传入的选项对象（`options`）与构造函数的默认选项合并成`vm.$options`。 2. `vm.$options.data`被调用，并且`this`被设置为当前Vue实例，从而允许访问props和methods。 3. `vm.$...

关于Vue源码vm.$watch()内部原理详解

11-27

Vue.js 是一款流行的前端框架，它的`vm.$watch()`方法是其响应式系统的重要组成部分，用于监听和响应数据的变化。当我们调用`vm.$watch()`时，实际上是在创建一个`Watcher`实例，这个实例会在数据变化时触发指定的回...

Vue源码解析：this.$data、this._data、this.xxx 为什么都能获取数据？data为什么是个函数？

热门推荐

全端菜鸟小姐

12-26

2万+

data中定义了一个数据msg, vue实例上访问这个数据有两种方式，this.$data.msg 和 this.msg，请问，为vue如何实现this.msg能直接访问到data中的msg变量？？？data又为什么是个函数？分析： clone 下 vue 的项目源码，然后打开src/core/instance/index.js 调用 init 方法时先进行了检查，确保已经使用 n...

vm options什么意思_今天女朋友问我vue的生命周期合并策略是什么，我敲了敲她的小脑袋说...

weixin_39867594的博客

12-12

287

今天女朋友问我vue的生命周期合并策略是什么，我敲了敲她的小脑袋说(假装自己有女朋友)： vue的生命周期是beforCreate,created,beforeMount等一大堆~如图：在讲合并策略之前，我们首先要知道vue.mixin，就是混入，可以把一些页面公共的方法，数据抽离出来。在合并时如果mixin的数据对象和组件的数据发生冲突时以...

vm options什么意思_vue2.0源码解读数据驱动：new Vue() 发生了什么？

weixin_39627408的博客

12-13

328

关注“前端学苑” ，坚持每天进步一点点「~vue2.0源码解读~」Vue 一个核心思想是数据驱动，相信大家一定对这个不陌生。所谓数据驱动，就是视图由数据驱动生成。相比传统的使用jQuery等前端库直接操作DOM，大大提高了开发效率，代码简洁易维护。本篇文章主要是 Vue源码探秘之 “ 数据驱动 ”。主题内容：new Vue()发生了什么？这同样也是Vue必考面试题之一。正文从这里...

Vue3中的$options

m0_57836225的博客

07-21

1350

在 Vue 3 中， $options 指的是当前组件的详细信息，包括组件的各种选项，例如 data 、 props 、 methods 、 computed 、 watch 等，还包括 mixin 和 extends 的基组件等信息。例如，可以使用 this.$options.data 来获取组件的 data 对象，使用 this.$options.methods 来获取组件定义的方法等。// 在 data 外面定义的属性和方法通过 $options 可以获取和调用。

vue的实例属性$options

weixin_30888027的博客

08-12

1465

$option 是用来获取data外面的数据和方法 <script> export default { name: "Test", data() { return { }; }, //在data外面定义的属性和方法通过$options可以获取和调用 name: "zs", age: 12, ...

Vue源码: 关于vm.$set()内部原理

weixin_33871366的博客

04-25

2514

vm.$set() 关于vm.$set()用法可以看官网,这里就不赘述了。 vm.$set()解决了什么问题? 避免滥用在Vue.js里面只有data中已经存在的属性才会被Observe为响应式数据, 如果你是新增的属性是不会成为响应式数据, 因此Vue提供了一个api(vm.$set)来解决这个问题。 <!DOCTYPE html> <html lang="en"> &...

vue之$options

欢迎来到Tong_YuTian的博客

06-08

6955

vue options

取消发送option请求_HTTP 协议 POST 请求，为什么会有一个 OPTION？

weixin_39986543的博客

02-06

1963

正如上面问题所说，当你打开 Chrome 开发工具或者其他抓包工具的时候，会发现一条 POST 请求输出两次，第一次状态显示 OPTION。一、官方定义1.OPTIONS 方法是用于请求获得由 Request-URI 标识的资源在请求/响应的通信过程中可以使用的功能选项。2.该请求方法的响应不能缓存。3.如果这个 OPTIONS 请求包含一个正文(有 Content-Length 或 Transf...

Vue进阶（幺玖叁）：$OPTIONS 讲解

IT全栈华强工作室

06-24

2762

文章目录前言拓展阅读前言 vue实例属性$options是用来获取定义在data外的数据和方法。应用示例如下： <script> export default { name: "optionsTest", data() { return { }; }, //在data外面定义的属性和方法通过$options可以获取和调用 name: "优快云", age: 12, testMethod() { console.log("shq5785"

vue2的 this.$options 包含哪些