南风晚来晚相识

摘要： 给请求接口写一个回调函数 function postTableListApi(tip = '', callback?: any) { let parmas = { pageIndex: 1, pageSize: 10, } postTableList(parmas).then(res => { if 阅读全文

摘要： 创建一个plugins.js文件 跟main.js同级下，创建一个plugins.js文件 export default { // install是vue给我们提供的。它会自动去执行install。 // install 的第一个参数是vue的实例哈 install(vue) { //这一行语句会被 阅读全文

摘要： 场景描述 有些时候，我们发现有些组件部分功能代码是几乎是一样的。 这个时候，我们就可以将相同的逻辑代码抽离出来 此时我们的主角混入mixin就登场了 下面我们有a-test和b-test两个组件，点击按钮发生的逻辑是一样的。 这个时候我们就可以使用混入mixin a-test代码如下 <templa 阅读全文

摘要： 场景描述 今天遇见一个问题 ，子组件向上抛出去的事件。 被执行了两次，原因是 context.emit('click', item.id) 你的事件名是click 将click更改为其他事件名称，就可以去解决了 vue3中context.emit遇见的坑 <template> <div class= 阅读全文

摘要： 查看vue/cli的配置 vue的脚手架隐藏了所有的webpack相关的配置，若是想要查看webpack的配置 你可以去执行 vue inspect > output.js 这样就可以查看它的配置； 执行后，需要等待几秒钟。 会输出一个output.js文件 entry: { app: [ './s 阅读全文

摘要： CSS使用伪类给表单添加星号 <style type="text/css"> .form-item label::before { content: '*'; color: #e54d42; } </style> <form> <div class="form-item"> <label for=" 阅读全文

摘要： 将原生事件绑定在组件上 .native 修饰符： 子组件 <template> <div class="demo"> <h2>我是子组件</h2> <h3>我是子组件中的信息</h3> </div> </template> 在父组件中绑定一个事件 <test-com @click.native="f 阅读全文

摘要： sync的使用场景 有些时候子组件需要修改父组件传递过来的prop, 要去改变父组件的状态的时候就需要使用aync 看见这里有些同学可能会问？？ 不是说不可以修改父组件传递到子组件的值吗? 为啥要修改了呢？？难道不会报错吗警告吗？ 正常情况下，确实不可以去修改父组件传递给子组件中的值！ 你修改后会把 阅读全文

摘要： 快捷键:如何将光标放置在每一行代码的最前面 按住鼠标中间的滚轮，一直往下拖动就ok了 快捷键:如何将光标放置在每一行代码的最后面 按住鼠标中间的滚轮，一直往下拖动后，按一下end键就跑到最后面去了 阅读全文

摘要： 解决办法一 .main{ display: flex; justify-content: space-around; flex-wrap: wrap; } .son{ width：100px } //利用伪类after来处理，宽度与子元素宽度一致 //但是专业那个方式值有些时候可以，有些时候仍然不行 阅读全文