随笔分类 - Vue
摘要：编程式路由跳转到当前路由（参数不变），多次执行会抛出NavigationDuplicated 的警告错误 -- 路由跳转两种形式：声明式导航，编程式导航 -- 声明式导航没有这类问题，因为vue-router 地秤已经处理好了 this.$router.push({name:'search',par
阅读全文
摘要：Footer组件显示与隐藏 显示或者隐藏组件：v-if | v-show Footer组件：在Home，Search 显示 Footer组件 Footer组件：在登陆，注册时候隐藏的 1.我们可以根据组件身上的 $route 获取当前路由的信息，通过路由路径判断Footer显示与隐藏 2.配置路由的
阅读全文
摘要：1.mapState方法:用于映射state中的计算属性 import {mapState} from 'vuex' computed:{ //借助mapState生成属性:sum , school ,对象写法 ...mapState({sum:'sum',school:'school'}), //
阅读全文
摘要：1. assets 创建css 文件， 把css外部文件放入 app.vue 里面 important 直接引入 2. 碰到 缺少字体文件的外部css ，放在public文件下面，新建css文件 <link rel="stylesheet" href="<%= BASE_URL %>css/xxx.
阅读全文
摘要：1.一种组件间通信的方式，适用于任意组件间通信 2.使用步骤 1.安装pubsub: npm i pubsub-js 2. 引入: import pubsub from 'pubsub-js' 3.接收数据 : A组件想接受数据，则在A组件中订阅消息，订阅的回调留在A组件自身， mounted(){
阅读全文
摘要：1.首先在main.js中配置全局总线 import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App), beforeCreate(){
阅读全文
摘要：<body> <div id="root"> <div class="pink" :class="objClass">测试</div> <button @click="changeBox">点击</button> </div> <script> new Vue({ el: "#root", data
阅读全文
摘要：$attrs的使用： 在爷组件(index.vue)中，类似props传值，将需要传递的值绑定在父组件上。 在父组件中，也是类似props传值，但是这里传递的就不是值了，而是$attrs。 在孙组件中，接收props，这样就可以在孙组件中使用这个数据了。 (需要注意的是父组件中不需要接收props，
阅读全文
摘要：新建一个vue.config.js文件 module.exports = { devServer: { open: true, proxy: { '/api': { target: 'url', //代理目标的路径 changeOrigin: true, pathRewrite: { '^api':
阅读全文
