随笔分类 - Vue
摘要：element-ui upload上传组件遇到的问题
阅读全文
摘要：npm uninstall xxxx --save-dev //删除包及删除配置项 npm install xxx@version //安装指定版本 npm install //覆盖
阅读全文
摘要：使用vue-cli3.0搭建项目比之前更简洁，没有了build和config文件夹。 vue-cli3的一些服务配置都迁移到CLI Service里面了，对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置 基本路径 baseUrl从 Vue CLI 3.3 起已
阅读全文
摘要：获取DOM元素，一般用document.querySelector获取这个dom节点，然后在获取input的值 但是用ref绑定之后，就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用即可 this.$refs.input1 这样可以减少获取DOM节点的消耗
阅读全文
摘要：vue中过滤器，用于一些常见的文本格式化，用 | 来操作。 过滤器可以用在两个地方： 1、在{{}}双花括号中插入值 2、v-bind表达式中使用 栗子： 将这里的价格保留两位小数 引入 moneyFilter.js文件 通过filters属性 在需要格式化的地方使用
阅读全文
摘要：开启严格模式，仅需在创建 store 的时候传入strict: true 严格模式下，不是有mutation函数引起的状态变化都会抛出错误 注意：发布环境下不要开启严格模式 严格模式会深度监测状态树来检测不合规的状态变化，造成不必要的性能损失
阅读全文
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 Vuex — 状态管理器，可以管理你的数据状态（类似于 React的 Redux） 一个 Vuex 应用的核心是 store（仓库，一个容器），store包含着应用中大部分的状态 (state) Vuex可以解决不同组件之间通信的问题。
阅读全文
摘要：Vue路由中的导航钩子，可以用来拦截导航，让它完成跳转。 全局导航钩子 当一个导航触发时，全局的 before 钩子按照创建顺序调用。钩子是异步解析执行，此时导航在所有钩子 resolve 完之前一直处于 等待中 每个钩子方法接收三个参数： to: Route: 即将要进入的目标 路由对象 from
阅读全文
摘要：$route -> 使用它的属性 $router-> 使用它的方法 编程式的导航，即js控制跳转 另一种跳转 $router.push 放入跳转的路由/路径 想要导航到不同URL，则使用 router.push 方法 push可以是字符串可以是对象也可以带查询参数 $router.go 在 hist
阅读全文
摘要：官网上解释：一个路由对象表示当前激活的路由的状态信息 路由对象，在组件内即this.$route,存着一些与路由相关的信息，当路由切换时，路由对象会被更新 $route.name 当前路由的名称，如果没有使用具名路径，则名字为空 $route.path 字符串，等于当前路由对象的路径，会被解析为绝对
阅读全文
摘要：query和params两者都是在Vue路由中传参。 用法： query用path来引入，params只能用name来传递，不能使用path 展示效果：query更像ajax中get请求（会在地址栏显示参数），而params更像post方式传递（不会在地址栏显示参数） query方式传参和接收参数
阅读全文
摘要：Vue Router 是 Vue.js 官方的路由管理器 自动全局安装： 手动配置： 1、安装 在app项目文件夹里面 2、在min.js下引入包 3、使用use来引用（使用） 4、需要配置router -> route.js 引入组件，配置路由表配置路由表（当前是哪个路径需要执行哪个组件） 在ne
阅读全文
摘要：路由就是根据不同的 url 地址展示不同的内容或页面 后端路由 后端路由切换页面是跳转全局刷新页面（用户体验差），而且比如A页面的静态资源和B页面的静态资源会重复请求。 下面说下SSR 服务器渲染 网络爬虫在爬取资源时候会及时找到重要资源有利于SEO优化，但对服务器压力较大。因此一般首页服务器渲染，
阅读全文
摘要：vue中nextTick可以拿到更新后的DOM元素 如果在mounted下不能准确拿到DOM元素，可以使用nextTick 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中 点击之前 点击之后 结果：msg1和msg3显示的内容还是变换之
阅读全文
摘要：插槽就是vue实现的一套内容分发的API，将插槽元素作为承载分发内容的出口。 也就是说在组件模板中默认占用一个位置，当使用组件标签时候，组件标签的内容就会自动替换掉内容 slot中可以设置一些默认的内容，如果传递了内容则会替换掉，如果没有名字的标签会默认放到default中。 例如：没有插槽时候，组
阅读全文
摘要：使用iconfont字体之后，出现的是一个方框，而没有出现相应的图标 需要通过String.fromCharCode方法转成指定unicode编码对应的十六进制字符
阅读全文
摘要：vue-awesome-swiper是基于swiper的一个轮播图插件，使用非常方便。 首先安装下 然后在入口文件main.js引入下 最后运用到组件中 容易出现的问题 1、vue-awesome-swiper组件pagination小圆点没有显示 2、组件没有自动播放 参考文档：https://s
阅读全文
摘要：1、使用npm安装 2、在package.json文件dependencies里面加入jq 3、在build文件夹的webpack.base.conf.js文件 module.exports里面输入 前提要引入 const path = require('path') const webpack =
阅读全文
摘要：1 2 3 4 5 6 日历 7 94 95 96 97 98 99 100 ❮ 103 104 {{currentYear}}年{{currentMonth}}月 105 ...
阅读全文
摘要：vue不支持IE8，因为vue使用了IE8无法模拟的 ECMAScript 5特性 使用vue-cli脚手架会让我们的工作非常方便 比如想编译一下es6的语法就使用 babel loader 和 babel core（可以转换es6代码） webpack中安装babel loader babel c
阅读全文
浙公网安备 33010602011771号