vue的this.$ 常见的用法

在 Vue.js 中,this.$ 是一个常见的用法,用于访问 Vue 实例的一些内置属性、方法或者插件提供的功能。以下是一些常见的 this.$ 属性和方法:

  1. this.$data: 获取 Vue 实例的数据对象。

  2. this.$props: 获取组件的 props 对象。

  3. this.$refs: 获取子组件或 DOM 元素的引用。

  4. this.$emit(): 在子组件中触发父组件绑定的事件。

  5. this.$on(): 在当前实例上监听一个自定义事件。

  6. this.$once(): 在当前实例上监听一个自定义事件,但是只触发一次。

  7. this.$off(): 在当前实例上移除自定义事件监听器。

  8. this.$nextTick(): 在 DOM 更新之后立即执行回调函数。

  9. this.$watch(): 监听 Vue 实例上的数据变化。

  10. this.$router: 访问 Vue Router 实例,用于路由相关操作。

  11. this.$store: 访问 Vuex store 实例,用于状态管理。

  12. this.$httpthis.$axios: 访问用于发起 HTTP 请求的插件,如 axios、vue-resource 等。

  13. this.$validator: 在使用 VeeValidate 或其他表单验证插件时,用于表单验证。

  14. this.$createElement(): 创建虚拟 DOM 元素。

  15. this.$set(): 响应式地添加一个属性到 Vue 实例的数据对象。

  16. this.$delete(): 响应式地删除 Vue 实例的数据对象的属性。

  17. this.$mount(): 手动挂载 Vue 实例到 DOM 元素上。

这些是一些常见的 this.$ 属性和方法,具体可根据需要查看 Vue.js 的官方文档以及所使用的插件的文档。

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中,this.$store是用于访问和操作Vuex状态管理库的对象。Vuex是一个用于管理应用程序级别的状态的库,它可以在Vue组件之间共享数据。 在使用this.$store之前,你需要先安装和配置Vuex。你可以通过以下步骤在Vue项目中使用Vuex和this.$store: 1. 安装Vuex:在终端中运行以下命令来安装Vuex库: ``` npm install vuex ``` 2. 创建Vuex Store:在src目录下创建一个store.js文件,并在该文件中定义Vuex Store。以下是一个简单的示例: ```javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment(state) { state.count++ } }, actions: { increment(context) { context.commit('increment') } } }) export default store ``` 3. 在Vue实例中使用Vuex:在main.js(或其他入口文件)中导入并使用store。例如: ```javascript import Vue from 'vue' import App from './App.vue' import store from './store' new Vue({ store, render: h => h(App) }).$mount('#app') ``` 4. 在组件中使用this.$store:现在你可以在Vue组件中使用this.$store对象来访问和操作Vuex Store中的数据。例如: ```javascript export default { methods: { incrementCount() { this.$store.commit('increment') // 提交mutation } }, computed: { count() { return this.$store.state.count // 获取state中的数据 } } } ``` 这只是Vuex的基本使用方法,你还可以使用getters、actions等来更加灵活地管理和操作Store中的数据。你可以查阅Vuex官方文档以获取更多详细信息:https://vuex.vuejs.org/zh/

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值