摘要：兄弟组件传值,事件总线[ EventBus ] 使用事件总线 EventBus // src/utils/eventBus.js 文件内容 ***新建全局vue实例*** // 事件总线 // 非父子组件传参 import Vue from "vue"; export default new Vue
阅读全文
摘要：ant-design-vue1.3.7 和 vue-draggable-resizable2.2.0 之间引起的表格拖拽问题 现象:拖拽的时候,会覆盖掉紧挨着的列的数据 [ 注意版本 ] 01) 解决方案一: 升级 ant-design-vue 到1.4版本以上,官网在1.4版本的时候解决这个问题,
阅读全文
摘要：v-if 和 v-show 区别 v-if：每次都会重新删除或创建元素，具有较高的切换性能消耗；v-show：每次切换元素的 display：none 样式，具有较高的初始渲染消耗。 demo: <div id="app"> <div v-if=test>我是大飞 v-if</div> <div v
阅读全文
摘要：vue-cli3 中 vue.config.js 配置 在根目录下创建 vue.config.js 即可使用 [ 和 package.json 同级] module.exports = { // 基本路径 publicPath: './', // 打包输出文件目录 outputDir: 'dist'
阅读全文
摘要：Vue项目在webstorm中运行并使用debug 01) 在chrome中安装插件 JetBrains IDE Support [ 想办法自己下载 ] 02) 创建demo项目 vue init webpack vuejs-webpack-project-dafei 03) 在config/ind
阅读全文
摘要：Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.] warning.js?2149:7 Warning: [antdv: Ta
阅读全文
摘要：vue -router 打开新页面 方法01 this.$router.resolve //打开新页面 let routeUrl = this.$router.resolve({ name: 'HelloWorld', query: {username: "dafei_name"} }); wind
阅读全文
摘要：vue 组件名字使用_大小写或者下划线 vue 组件名字使用_大小写或者下划线
阅读全文
摘要：前端 项目在chrome控制台中断点调试 01) vue 项目在chrome控制台中断点调试 vue 项目在chrome控制台中断点调试 02) web 断点调试
阅读全文
摘要：vue 和 axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自
阅读全文
摘要：vuex 状态管理demo 01) 基本目录结构(自己创建) src --vuex actions.js getters.js index.js mutations.js 02) src/vuex/index.js 内容 import Vue from 'vue' import Vuex from
阅读全文
摘要：$route 和 $router 的区别 $router 为VueRouter 实例,想要导航到不同的URL,则使用 $router.push方法 $route 为当前 router跳转对象里面可以获取 name、path、query、params等 this.$route.querythis.$r
阅读全文
摘要：具名插槽、作用域插槽、理解编译作用域 01)插槽 <div id="app"> <children_fei></children_fei> <children_fei><span slot="center">父_中间</span></children_fei><!-- 具名插槽 --> <child
阅读全文
摘要：01) vue 父组件访问子组件 this.$refs <div id="app"> {{ message }} <button value="点击" @click="p_click">点击获取子组件</button> <children_fei ref="children_ref"> </chil
阅读全文
摘要：vue 子组件传值父组件 emit <div id="app"> {{message}} <children_fei @item_click="parent_function"></children_fei> </div> <template id="children_foo"> <!-- 子组件
阅读全文
摘要：vue 父组件传值子组件(父传子) 使用prop属性,(借助v-bind绑定) <div id="app"> {{ message }} {{ books }} <children_fei :children_message="message" :children_books="books"></c
阅读全文
摘要：$router 和 $route 区别 $router 为 VueRouter 实例,想要导航到不同URL,则使用 $router.push({path:'foo',query:{id:'123',name:'大飞'}}) $route 为当前router跳转对象,里面可以获取到name、path、
阅读全文
摘要：01) main.js 文件中引入 router.js 文件路由内容 import Vue from 'vue' import App from './App.vue' import router from './router' Vue.config.productionTip = false; n
阅读全文
摘要：vue 入口文件简介 App.vue <template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <!--<HelloWorld msg="Welcome to Your Vue.js App"/>--> <aaaa
阅读全文
摘要：vue 和 webstorm(01) 01) phpstorm 配置npm启动vue 02) 侧边栏显示npm view--> Tool windwos -->npm 如果这里没有,那么使用下面方法, 在项目的 package.json 文件上右键,选择 show npm script ,现在在vi
阅读全文
