随笔分类 - vue
摘要：原因：不同的 node.js 版本需要安装不同的 node-sass 版本。并且要匹配合适的 node-sass、sass-loader 版本。 解决办法：（1）将nodejs 版本为改回 14.x，不要使用 16.x 等版本； （2）卸载node-sass 和 sass-loader npm un
阅读全文
摘要：// watch 简单应用 watch(data, () => { document.title = 'updated ' + data.count }) // watch 的两个参数，代表新的值和旧的值 watch(refData.count, (newValue, oldValue) => {
阅读全文
摘要：最开始是在Vue2.X版本中尝试使用Less全 局变量的，但是不知道因为什么原因一直报错，错误信息大概是未安装css-loader一类的错误，但天地良心我装了！！ 后面发现Vue3.0版本中配置要简单一些，于是就提前升级了Vue-cli3.0，大概是3.11的版本（原本想等2.x常用的东西都学的差不
阅读全文
摘要：module.exports = { publicPath:"/", outputDir: 'dist', // 构建输出目录 assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts) chainWebpack: config => { //打包配置时
阅读全文
摘要：setup函数，它将带有两个参数props(attrs),context(attrs,slots,emit),无权访问data,comuted,methods 在setup中定义的变量或方法，都必须通过return {xxx,xxx}暴露出去 在setup函数中，可以使用ref函数，用于创建一个响应
阅读全文
摘要：vue中是如何监听数组变化？ 我们知道通过Object.defineProperty()劫持数组为其设置getter和setter后，调用的数组的push、splice、pop等方法改变数组元素时并不会触发数组的setter，这就会造成使用上述方法改变数组后，页面上并不能及时体现这些变化，也就是数组
阅读全文
摘要：为深度嵌套的组件，父组件provide提供数据来源，子组件inject开始使用这个数据 provide: { todoLength: this.todos.length // 将会导致错误 'Cannot read property 'length' of undefined` }, //要访问组件
阅读全文
摘要：/** * @param {String} message 错误信息 * @param {String} source 出错文件 * @param {Number} lineno 行号 * @param {Number} colno 列号 * @param {Object} error Error对
阅读全文
摘要：为什么使用CDN 除却CDN自身的优势，在前端工程中，将静态文件放到CDN上，可以直观地减小资源包大小，同时加快首屏加载。 若不使用CDN，则所有的资源都会被打包到app.js和vendor.js中，页面需要等到这两个包下载完成才可以显示。 若使用CDN，则可以利用浏览器多线程的优势，同时下载若干静
阅读全文
摘要：1. 前言 diff 算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历，所以时间复杂度只有 O(n)。diff 算法的在很多场景下都有应用，例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新时，就用到了该算法。diff 算法有两个比较显著的特点
阅读全文
摘要：最近在研究vue，老实的按照官网提供的，搭建的了 webpack+vue+vuex+vue-router，，因为是自己搭建的，所以踩了不少坑，一般问题百度都有，这个背景图片的问题，查了很久才解决。 1、找到 config->index.js里面，如下修改 2、找到 build->utils.js,在
阅读全文
摘要：授权页面 <template> <div> 正在拉取微信授权... <p> <a href="javascript:" @click="gotoWechat()">登陆微信</a> </p> </div> </template> <style scoped> </style> <script typ
阅读全文
摘要：第一部分： 1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？ 答：在router目录下的index.js文件中，对path属性加上/:id。 使用rout
阅读全文
摘要：混合开发过程中，iOS引用前端界面之后，界面点击会默认产生一个300毫秒的延时效果，为了解决这个问题，引入fastClick，但是当界面引入fastClick之后，会产生输入框点击无法获取焦点问题，只有双击或者长按的时候才能使input输入框获取到焦点，该问题是由于引入fastClick导致的，解决
阅读全文
