🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
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`修饰符,故写法就像上面这样