随笔分类 - vue
摘要：...mapactions 和 ...mapgetters都是vuex提供的语法糖，在底层已经封装好了，拿来就能用，简化了很多操作。 其中...mapActions(['clickAFn']) 相当于this.$store.dispatch('clickAFn'，{参数})，mapActions中只
阅读全文
摘要：一、通过路由带参数进行传值 1、两个组件 A和B,A组件通过query把orderId传递给B组件（触发事件可以是点击事件、钩子函数等） this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B 2、在B
阅读全文
摘要：三元表达式 style三元表达式 <p :style="{'color': (checkIndex3==m.txt ? '#3d8cff':'#BBBBBB')}">{{m.txt}}</p> class三元表达式 <i class="iconfont" :class="[isShow=='pass
阅读全文
摘要：Header.vue组件 <template> <div> <div class="menu"> <div class="container"> <nav class="navbar" role="navigation"> <div class="navbar-header"> <button ty
阅读全文
摘要：父传子 父组件 子组件 子组件props多种类型总结 子传父 子组件 父组件 子组件向父组件传递多个参数 子组件通过$emit触发父组件中的自定义函数，第一个值为自定义函数名，后面的参数是向父组件传的值 子组件 父组件
阅读全文
摘要：在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子
阅读全文
摘要：ES6的模块化中，export与export default都可以用于导出常量、函数、文件、模块等，我们可以通过在其它文件或模块中import(常量、函数、文件、模块)的方式导入，但在一个文件或模块中，export、import可以有多个，export default仅有一个。 export的使用
阅读全文
摘要：1、安装node.js https://blog.csdn.net/qq_43285335/article/details/90696126 node -v 查看版本号 2、安装最新的vue-cli npm install -g @vue/cli # OR yarn global add @vue/
阅读全文
摘要：模拟Web数据： 生成随机域名(每次运行结果不同)： var Random = Mock.Random Random.domain() // "nhou.org.cn" 生成随机IP(每次运行结果不同) var Random = Mock.Random Random.ip() // "74.97.4
阅读全文
摘要：前后端分工协作是一个非常高效的做法，但是有时前后端分离不彻底会很痛苦。前后端应该是异步进行的，进度互不影响，但是在没有mock的时候，前端却严重依赖后端的接口，总会苦苦等待后端接口出来才能继续开发。为了解决这个问题，大神就造了一个轮子，供大家使用--mock.js 关于mock.js，官网描述： 1
阅读全文
摘要：注意： 嵌套路由中以“/”开头的嵌套路径会被当作根路径，所以子路由上不用加“/”; 在生成路由时，主路由上的path会被自动添加到子路由之前，所以子路由上的path不用在重新声明主路由上的path了。 参考：https://www.cnblogs.com/vickylinj/p/10900349.h
阅读全文
摘要：注意：在子组件中 获取参数的时候是$route.params而不是$router.params 这很重要~~~ 通过@click方法传参跳转 参考：https://www.cnblogs.com/qiu2841/p/11018190.html
阅读全文
摘要：特点 支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造) 安装 用 npm: npm install axios 用 bower: bower install axios 用 cdn: <
阅读全文
摘要：路由配置： 方法一：通过props属性传参，判断当前路由是否跟props参数相同。 导航公共组件Header.vue 首页（父组件）： 列表页（父组件）： 。。。（以此类推） 方法二：通过获取当前路由 方法三：$route.name.indexOf(val) == -1 方法四：在主入口文件App.
阅读全文
摘要：在项目根目录下创建vue.config.js文件 vue.config.js内容： const path = require('path');//引入path模块 function resolve(dir){ return path.join(__dirname,dir)//path.join(__
阅读全文
摘要：引入jQuery 1、 引入jquery npm install jquery --save-dev 2、在项目根目录下的build目录下找到 webpack.base.conf.js 文件，在开头使用以下代码: const webpack = require('webpack') 然后在modul
阅读全文
摘要：引入jquery 1、下载jquery npm install jquery --save-dev 2、vue.config.js中webpack配置configureWebpack添加jquery插件 在项目根目录下创建文件vue.config.js，与package.json同级。 const
阅读全文
摘要：为什么要有hash 和history？ 对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。 为了达到这一目的，浏览器当前提供了一下两种支持： 1、hash - 即地
阅读全文
摘要：<router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的 <a> 标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名 <router-link>组件的属性有： to 、repl
阅读全文
摘要：$route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、$route.path字符串，对应当前路由的路径，总是解析为绝对路径，如 “/foo/bar”。 2、$route.params 一个 key/value 对象，包含了
阅读全文
浙公网安备 33010602011771号