从品牌网站建设到网络营销策划,从策略到执行的一站式服务
vue.prototype的使用方法:通过在原型上定义使其在每个Vue的实例中可用,代码为【Vue.prototype.$appName = 'My App'】,控制台会打印出My App。
创新互联专注于新吴网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供新吴营销型网站建设,新吴网站制作、新吴网页设计、新吴网站官网定制、小程序开发服务,打造新吴网络公司原创品牌,更为您提供新吴网站排名全网营销落地服务。
【相关文章推荐:vue.js】
vue.prototype的使用方法:
在vue项目main.js文件中:
Vue.prototype.$appName = 'My App'
这样你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。
new Vue({ beforeCreate: function () { console.log(this.$appName) } })
控制台会打印出 My App。就这么简单!
“为什么 appName 要以 $
开头?这很重要吗?它会怎样?”
$
是在 Vue 所有实例中都可用的属性的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突。
比如写成:
Vue.prototype.appName = 'My App'
在vue实例中:
new Vue({ data: { appName: 'The name of some other app' }, beforeCreate: function () { console.log(this.appName) }, created: function () { console.log(this.appName) } })
日志中会先出现 "My App",然后出现 "The name of some other app",因为 this.appName 在实例被创建之后被 data 覆写了。我们通过 $
为实例属性设置作用域来避免这种事情发生。你还可以根据你的喜好使用自己的约定,诸如 $_appName
或 ΩappName
,来避免和插件或未来的插件相冲突。
相关免费学习推荐:JavaScript(视频)
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图