在vue中绑定全局原型属性
2021-09-14 15:49
716 查看
在vue2中通过导入Vue构造函数再在上面绑定
// main.js import Vue from "vue" Vue.prototype.$test = "test" // 组件中 mounted(){ console.log(this.$test) }
Vue3中需要使用一些api
// main.js const app = createApp(App) app.config.globalProperties.$test = "test" // 组件中 <script setup> import { getCurrentInstance } from "vue" const internalInstance = getCurrentInstance(); const $test = internalInstance.appContext.config.globalProperties.$test; </script>
相关文章推荐
- Vue数据绑定img标签的src属性,需要用require包裹
- 计算属性的setter 和 getter Vue的样式绑定
- [js高手之路] vue系列教程 - 绑定设置属性的多种方式(5)
- vue绑定设置属性的多种方式(5)
- Vue条件循环判断+计算属性+绑定样式v-bind的实例
- Vue.js入门(一)插值操作&&绑定属性
- 前端一道面试题,考察变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级
- 【Vue】-(5) 计算属性与class,style绑定
- Vue中计算属性与class,style绑定
- Vue入门---属性、style和class绑定方法
- vue中动态绑定表单元素的属性
- vue中动态绑定表单元素的属性方法
- vue中,class、内联style绑定、computed属性
- vue中img属性绑定src两种解决方法
- vue学习八--通过属性绑定为元素设置style内联样式
- day-02.Vue基本指令和v-bind动态绑定属性
- vue - 计算属性、表单输入绑定
- vue.js组件之间通讯的数据双向绑定----父亲把数据传递给儿子,儿子更改数据后,重新发送给父亲,父亲数据更改后,属性会重新发送个儿子,儿子刷新新数据
- 终于知道vue.js标签属性数据绑定和拼接
- Vue v-bind 绑定属性、class、style