fxinn的博客

vue2在组件上使用 v-model

引入组件之后不显示。现象：1、组件的 mounted 可以触发。2、组件结构就是不渲染。3、组件有写有template。4、components里面注册了

整体架构掘金@功能vue-at 组件

场景：window.resize( ) 了一个函数，然后第一次打开页面调用一次，第二次打开页面调用两次。。。。原因：1、window.addEventListener 全局挂载，只有当全局生命周期结束时候，函数会自动回收2、这个组件mounted一次，就挂在一个 ‘resize’ 在 window.addEventListener 上所以要手动注销const instanceResize = ()=>{}// 定义onMounted(() => { ne

参考文章：ref 、toRefs 使用toRef、ref 都是生成响应式对象的函数。区别：1、ref用于生成ref对象，可以指传递一个参数。toRef要传递俩，object和K2、注意区分toRefs和toRef，toRefs是 vue3 包装过后的函数...

eventBuseventBus因为是使用的一个全局VUE实例，所以每使用一次后，就多一个eventBus，这会导致“想调用一次eventBus，但无意将历史eventBus一起调用了”这种问题解决办法：解决办法是在使用eventBus的组件内，在使用完后，记得销毁eventBus。beforeDestroy钩子函数里面销毁eventBusvuexprovideprovide...

data-propertydata是一个函数，这些实例 property 仅在实例首次创建时被添加。// data函数返回一个对象，并用响应性系统包裹。以 $data 的形式存储在组件实例中console.log(vm.$data.count) // => vm是实例，$data是包装过后的响应式的属性console.log(vm.count) // => 为了方便，data对象的属性被“直接暴露”method1、Vue 自动为methods绑定this...

关于svg的属性W3C 简单的很如何在 Vue 项目中引用vue.js 在 vue 中使用 svg其中写成组件模式的 svg 格式调整如下svg 格式调整如何调整 svg 的颜色？直接在 svg.vue 文件里面的 fill 属性的值改为iconbase 里面传递的 iconColor 属性...

参考：component is 简解直接使用我们一般都是使用引入组件，然后组件名的方式使用。<Child1 />但是当组件多起来，就很不方便<child1 :a="1" :b="2" :c="3" @ok="handle1"/><child2 :a="5" :b="2" :c="3" @ok="handle1"/><child3 :a="1" :b="4" :c="3" @ok="handle1"/><child4 :a="

vue create project-name 备注：项目名称不可以有大写字母 please pick a preset ？ //选择Vue的版本， default(vue2 babel，eslint) //默认配置 vue2版本，基本配置包含 babel default(vue3 babel，eslint) //默认配置 vue3版本，基本配置包含 babel manually select features //手动配置（我选择的这一项） 备注：Babel 是javaScr.

vue的@component的学习背景：有一次要用到继承来写，继承里面又涉及到 super.created() 的访问，然后又涉及到在父类访问 this.$store 和 this.属性 ... 这些都出问题了，报错信息写在情况：祖父类：import components1 from '@/components';import { Component, Vue } from 'vue-property-decorator';@Component({ components:.

1、表格的表头不移动，表格内容却在移动？scroll 属性的 x 要有值才会移动。

1、数据更新后DOM不更新2、数据跟更新后DOM不更新，第二次点击的时候才更新DOM 的异步更新

https://segmentfault.com/a/1190000011381906

https://blog.csdn.net/qq_36742720/article/details/83008480这个我点击同一个页面的不同 router-link ，按理说匹配到的组件应该被切换，但是！并！没！有！死活想不出哪里的错误，感觉应该是某一个单词写错了......最后粘贴别人做好的，再一个一个改，我感觉也是改完之后跟我之前的没啥不同啊...，可是就是这样就好了.....还是感谢原博主吧...

ant design select placeholder不生效原因当select的value绑定一个state默认值时，如果默认值是''或null时，placeholder不生效解决方案：默认值设为undefined

背景：用 ant-design-vue 的 datePicker 的时候，由于是弹框复用 ，所以不同的 数据 共用一个 时间选择器，然后由于我没有写 "key" 键，所以导致每次打开弹框用的都是 真正的 “同一个时间选择器模板”解决办法：加上一个，key值。参考：https://www.jianshu.com/p/0044532e4a93总结：复用的组件+没有 key值 = 一个组件（而不会渲染出来很多个）...

ts中watch函数的写法，其中 @watch(“...”)是监听的东西，这里是监听的路由，也可以监听 this.tagList，同理...fn 是监听器的函数x是监听的对象，图例中 x的值就是 this.$route

clearValidate（）与resetFields（）的区别clearValidate：只是移除校验结果resetFields：重置表单数据 & 移除校验结果参考链接https://blog.csdn.net/xuaner8786/article/details/80361877

router 与 route 的区别，以及 push 方法的使用router——所有路由，route——当前路由router-link相当于是内嵌了一个 this.$router.push 方法。path遇到params，params会失效，相当于只有paththis.$route属性理解this.$route.matched：里面保存了每一级的路径this.$route.fullpath或者this.$route.path 保存了完整路径...

回忆：阻止冒泡事件，event.stopPropagation（）学到1、导航栏对应路由高亮 是由 vue官方的 router-link 的一个属性，这个属性名叫exact-active-class，当该链接被精确匹配到的时候，就显示其对应的类 。原文转载自2、vue中router-link的click事件是默认被阻止的，因为click事件默认用于触发 :to 属性了，如果想要绑定 click 事件，需要使用 @click.native 。原理貌似是 父子组件插槽？？原文转载自...

.length 前面都那个东西的结果是 undefined…仔细检查单词拼写有没有错

在要滚动的地方外面，包裹一个下面这个就OK了<el-scrollbarstyle="height:100%"></ el-scrollbar>

详细见 ：this.$router.push() 传递参数的两种方法前提条件：当我们使用 “动态路由的时候” 。动态路由关键词：接收不到参数ths.$router.pushparamsqueryparams 传递参数由于动态路由是使用params传值的。所以在this.$router.push()方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 this.$router.push({ name: 'n...

打包上线去除console.log命令 ： 安装 babel-plugin-transform-remove-console 在.babelrc文件里面添加 "plugins":["transform-remove-console"] 或者 在babel.config.js 里面添加 "plugins":["transform-remove-console"] 建议直接百度 成品 不带变得 babel-plugin-transform-remove-consol...

git 回退版本

multi (webpack)-dev-server/client?http://192.168.34.90:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js Module not found: Error: Can't resolve './src/main.js'Error: Can't resolve './src/main.js'翻译：在vue.config.js里面写的 配置文件打包入口 的参.

bug: User must be authorized请求参数里面的header 里面的authorized没有被识别到。原因可能是authorized 或者 header⭐单词写错⭐，其中 header必须是小写组件vant/ VUE 样式不起效果 /scoped里面 样式不起效果1、原因，因为webpack对样式加工，添加编码等等，导致我们写的样式 路径跟webpack处理后的不匹配。 2、详细见：https://www.jb51.net/article/188038.htm。...

或许找到系统的第一页（也就是程式码执行的启始点）并不难，但是复杂度高的系统，有时十分庞大，有时千头万绪。从程式码的启始点开始读起，一来要循序读完所有的程式码旷日费时，二来透过这种方式来了解系统，很难在脑中构建出系统的面貌，进而了解到系统真正的行为。所以，阅读程式码的重点，不在于读完每一行程式码，而是在于有效率地透过探索及阅读，从而了解系统的架构及行为模式。以便在你需要了解任何片段的细节时，能够快很在脑上对映到具体的程式码位置，直到那一刻，才是细读的时机。 要了解一个系统，最好是采取由上至下的方式 ---

try catch作用：try{//可能会导致错误的代码}catch(error){//在错误发生时怎么处理}export default 与 modules.export 与export 区别