Vue的Vue.prototype如何使用(vue,vue.prototype,开发技术)

时间:2024-05-06 08:27:57 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Vue%E7%9A%84Vue.prototype%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8


为什么 appName 要以 开头?这很重要吗?这里没有什么魔法。 开头? 这很重要吗? 这里没有什么魔法。开头?这很重要吗?这里没有什么魔法。 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突。
如果我们设置:

那么如下的代码输出什么:

日志中会先出现 "My App",然后出现 "The name of some other app",因为 this.appName 在实例被创建之后被 data 覆写了。我们通过 为实例property设置作用域来避免这种事情发生。你还可以根据你的喜好使用自己的约定,诸如为实例 property 设置作用域来避免这种事情发生。 你还可以根据你的喜好使用自己的约定,诸如为实例property设置作用域来避免这种事情发生。你还可以根据你的喜好使用自己的约定,诸如_appName 或 ΩappName,来避免和插件或未来的插件相冲突。

每个组件都是一个vue实例,Vue.prototype加一个变量,只是给每个组件加了一个属性,这个属性的值并不具有全局性。
比如以下例子:

点击 home 中的 change name 再跳转about,about里面还是显示 main in test2
如果要实现全局变量的功能,需要把属性变为引用类型

后面使用 this.$appName.name 改变和引用相应的值
这进入 about 后显示 test1 in test2

在 JavaScript 中一个原型的方法会获得该实例的上下文,也就是说可以使用 this 访问:数据、计算属性、方法或其它任何定义在实例上的东西。
让我们将其用在一个名为 $reverseText 的方法上:

在多个地方都需要使用但不想污染全局作用域的情况下,这样定义,在每个 Vue 实例中都可用。
参考:https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html
$ 表示这是一个在 Vue 所有实例中都可用的属性
常用于方法、变量等

全局注册组件,
第一个参数是调用组件时写的组件名
第二个参数是引入组件时写的名称
可用于注册自定义组件

同样是全局注册,和component的区别是接收的参数必须有install方法
常用于注册第三方插件

本文:Vue的Vue.prototype如何使用的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:JavaScript的parseInt()使用实例代码分析下一篇:

21 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18