1、el: '#app'
>Vue 構造器中有一個el 參數，它是 DOM 元素中的 id
2、# [vue--三種組件中之間的傳值](https://www.cnblogs.com/shenpeng/p/13157561.html)
>1、父子組件之間的傳值----props/$emit
>2、父組件向下（深層）子組件傳值----provide/inject
>3、訪問父、子組件----ref、$parent/$child
>4、event bus暫時還沒有用到過，Vuex狀態管理用于權限管理
3、# [vue中provide和inject使用](https://segmentfault.com/a/1190000021216039)
>`vue`提供了`provide`和`inject`幫助我們解決多層次嵌套嵌套通信問題。在`provide`中指定要傳遞給子孫組件的數據，子孫組件通過`inject`注入祖父組件傳遞過來的數據
4、# [Vue中computed和watch的區別](https://www.cnblogs.com/jiajialove/p/11327945.html)
>雖然計算屬性在大多數情況下更合適，但有時也需要一個自定義的偵聽器。這就是為什么 Vue 通過`watch`選項提供了一個更通用的方法，來響應數據的變化。當需要在數據變化時執行異步或開銷較大的操作時，這個方式是最有用的
5、# [vue中computed,method,watch的執行順序](https://blog.csdn.net/weixin_37744601/article/details/86844331)
>按順序執行了method,watchs,computed
6、# [vue 生命周期+watch、computed、methods執行順序](https://www.jianshu.com/p/f412bff6da82)
7、# [Vue antdv 下拉菜單不跟著滾動走（getPopupContainer 使用）](https://blog.csdn.net/zz00008888/article/details/109195799)
>:getPopupContainer="(triggerNode)=> triggerNode.parentNode"
8、# [Vue $refs用法](https://www.jianshu.com/p/cf76441ef0f9)
>在[Vue](https://so.csdn.net/so/search?from=pc_blog_highlight&q=Vue)中一般很少會用到直接操作DOM，但不可避免有時候需要用到，這時我們可以通過ref和$refs這兩個來實現
9、# [Vue中public 與 assets 目錄的區別](https://blog.csdn.net/weixin_45549481/article/details/102630254)
>public放不會變動的文件
>assets放可能會變動的文件
10、# [vue中慎用style的scoped屬性](https://blog.csdn.net/qq_39043923/article/details/88687046)
>在[vue](https://so.csdn.net/so/search?from=pc_blog_highlight&q=vue)組件中，在style標簽上添加scoped屬性，以表示它的樣式作用于當下的模塊，很好的實現了樣式私有化的目的
11、# [vue-cli4的路徑別名](https://www.cnblogs.com/kami233/p/13845312.html)
>不同的vue-cli版本不一樣
12、# [vue---vuex與全局對象的區別及使用](https://blog.csdn.net/maidu_xbd/article/details/104895641)
>全局變量多了會造成命名污染，vuex不會，同時解決了父組件與孫組件，以及兄弟組件之間通信的問題
>Vuex3(對應Vue2.x) & Vuex4(對應Vue3.x)
> [vue2.X和vue3.X的區別](https://www.cnblogs.com/cxddgz/p/13153570.html)
> [vuex：弄懂mapState、mapGetters、mapMutations、mapActions](https://zhuanlan.zhihu.com/p/100941659)
13、# [使用 Vuex 后，如何區分哪些數據放在組件的 data 當中，哪些數據放在 state 當中？](https://www.zhihu.com/question/361419760)
14、# [Vue中的watch與computed](https://www.cnblogs.com/gunelark/p/8492468.html)
>雖然計算屬性在大多數情況下更合適，但有時也需要一個自定義的偵聽器。這就是為什么 Vue 通過`watch`選項提供了一個更通用的方法，來響應數據的變化。當需要在數據變化時執行異步或開銷較大的操作時，這個方式是最有用的
15、# [Vue-Router的屬性詳解-自我理解-replace和append](https://www.jianshu.com/p/a56bce22759e)
>replace：導航后不會留下 history 記錄
>append：則在當前 (相對) 路徑前添加基路徑
16、# [@click.native中.native的含義和使用](https://www.cnblogs.com/ygh1/p/9336149.html)
>`router-link`會阻止`click`事件，你可以試試只用`click`不用`native`,事件是不會觸發的。
而a標簽不會阻止
17、# [vue中watch的詳細用法](https://www.cnblogs.com/williamjie/p/11155166.html)
>在vue中，使用watch來響應數據的變化。watch的用法大致有三種
18、# [vue中created、mounted、computed、methods區別與執行順序](https://www.cnblogs.com/jzxy/articles/14821779.html)
>默認加載的時候先computed再watch，不執行methods；等觸發某一事件后，則是：先methods再watch
>
19、# [vue 生命周期watch、computed、methods執行順序](https://www.jianshu.com/p/f412bff6da82)
參考博主 [父子組件生命周期、watch、computed的執行順序](https://www.cnblogs.com/voxov/p/15231725.html)
>渲染完成后，觸發methods：**methods -> watch -> computed
20、# [router-view 的key屬性](https://blog.csdn.net/qq_38910842/article/details/102972572)
21、# [終于講清楚了nodejs中exports和module.exports的區別](https://blog.csdn.net/qq_31967569/article/details/82461499)
>`require`: node 和 es6 都支持的引入
`export / import`?: 只有es6 支持的導出引入
`module.exports / exports`: 只有 node 支持的導出
22、# [Vue3---路由動態管理(router.addRoute())](https://blog.csdn.net/qq_39115469/article/details/113824868)
>router.addRoute(about)
23、# [VUE 路由守衛 next() / next({ ...to, replace: true }) / next(‘/‘) 說明](https://blog.csdn.net/qq_41912398/article/details/109231418)
>`next({ ...to, replace: true })`中的`replace: true`只是一個設置信息，告訴VUE本次操作后，不能通過瀏覽器后退按鈕，返回前一個路由。
24、# [Vue 中使用 el-input 自動獲取焦點和二次獲取焦點問題](https://blog.csdn.net/qq_40523572/article/details/83583302)
>還有一種解決方案，是使用 Vue.nextTick() 和 Ref去做，例子就不去寫了，都是去操作dom的
25、# [vue中的 ref 和 $refs](https://www.cnblogs.com/xumqfaith/p/7743387.html)
26、# [vue 回車觸發聚焦 @keyup.enter.native](https://blog.csdn.net/qq_43681948/article/details/101109268)
>在 Vue 2.0 中，為自定義組件綁定原生事件必須使用 .[native](https://so.csdn.net/so/search?q=native&spm=1001.2101.3001.7020)修飾符，只有Button 組件可以監聽 click 事件
27、# [vuex里mapState,mapGetters使用詳解](https://www.cnblogs.com/m2maomao/p/9954640.html)
~~~
computed: {
...mapState({
viewsCount:'views'
}),
...mapGetters({
todosALise: 'getToDo' // getToDo 不是字符串，對應的是getter里面的一個方法名字 然后將這個方法名字重新取一個別名 todosALise
})
},
~~~
28、[@submit.native.prevent作用](https://www.cnblogs.com/antyhouse/p/10069603.html)
>@submit.native.prevent
.native 表示對一個組件綁定系統原生事件
.prevent 表示提交以后不刷新頁面
29、# [Vue 指令v-bind和v-on](https://blog.csdn.net/weixin_42695446/article/details/84680018)
>v-bind的基本用法是動態更新HTML元素上的屬性，如id，class，href，src等
30、# [vue 之 .sync 修飾符](https://www.cnblogs.com/foreveronlymiss/p/foreveronlymiss.html)
>在一些情況下，我們可能會需要對一個prop（父子組件傳遞數據的屬性） 進行“雙向綁定”
31、# [vue通信、傳值的多種方式（詳細）](https://blog.csdn.net/qq_35430000/article/details/79291287)
32、# [vue中this.$emit的用法](https://www.cnblogs.com/shenStudy/p/15327718.html)
>this.$emit('事件',參數)
用于當子組件需要調用父組件的方法的場景下使用。
this.$refs.子組件的ref.子組件的方法
與之相對的當父組件需要調用子組件時則使用this.$refs的方法
33、# [Vue中的$event詳解](https://blog.csdn.net/violateer/article/details/108900251)
34、# [Vue踩坑——this.refs為空](https://blog.csdn.net/qq_29339163/article/details/91547593)
35、# [vue中 this.$set的用法](https://www.jianshu.com/p/6f28f5abee08)
36、# [$router.resolve新窗口打開](https://blog.csdn.net/qq_43681948/article/details/106012816)
>新窗口打開
37、# [@click-native-prevent click事件的native修飾](https://www.cnblogs.com/yema-home/p/10715970.html)
>根據Vue2.0官方文檔關于父子組件通訊的原則，父組件通過prop傳遞數據給子組件，子組件觸發事件給父組件。但父組件想在子組件上監聽自己的click的話，需要加上`native`修飾符，故寫法就像上面這樣
