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`修饰符,故写法就像上面这样