## 一、概述 在使用vue的時候我們會有**用戶自定義的屬性與方法**，同時還存在vue已經定義好屬性和方法（實例屬性/實例方法），在使用實例屬性/方法的時候需要用$符號，**以便與用戶自定義的定義的屬性區分開來**；vue實例中，屬性、數據方法、事件方法、生命周期方法，都可以通過$+name來訪問，以與用戶定義的屬性、方法區分開來； 另外，插件使用的時候，可以通過this.$xxx來使用插件的方法； ## 二、vue實例屬性/實例方法的實例 實例屬性及方法實例： ~~~ var data = { a: 1 } var vm = new Vue({ el: '#example', data: data }) vm.$data === data // => true vm.$el === document.getElementById('example') // => true // $watch 是一個實例方法 vm.$watch('a', function (newValue, oldValue) { // 這個回調將在 `vm.a` 改變后調用 }) ~~~ 更多的參考：[https://cn.vuejs.org/v2/api/#實例-property](https://cn.vuejs.org/v2/api/#實例-property) >[danger] 注意，除了vue實例自身屬性外： > 1、通過vue-route組件，會將$router和$route注入； > 2、通過vuex組件，會將$store注入； ## 三、插件實例 Vue.prototype方式使用： ``` // 定義 import axios from 'axios' Vue.prototype.$axios?=?axios // 任意組件中，都可以使用（因為已經注冊到Vue中，而所有組件都是vue實例，因此任意組件內部this都可以拿到Vue.prototype上添加的屬性和方法） this.$axios.post('/api/member/save',?this.form).then(res\=>?{ ``` Vue.use方式使用： ``` // 定義 import ElementUI from 'element-ui' import './assets/theme/element-#0b0a3e/index.css' Vue.use(ElementUI) // 以通過this.$xxx?這個xxx就是element ui的對象方法來使用 this.$message({ type: 'success', message: '保存成功!' }) ```