随笔分类 - Vue
摘要：Vue Vue.js 组件编码规范 读懂源码：一步一步实现一个 Vue vuejs开发H5页面总结 Vue 爬坑之路（七）—— 监听滚动事件 实现动态锚点 如何在 Vue.js 中使用第三方库 Webpack 大法之 Code Splitting（解决vendor过大问题） 打出来的 app.js
阅读全文
摘要：指令 为不同环境配置可执行指令，我们使用npm scripts方式，在package.json文件中配置执行指令： start：开发环境运行指令，使用cross-env三方库设置process.env.NODE_ENV为dev，并在本地开启webpack开放服务器，方便开放； build：生产环境运
阅读全文
摘要：根组件实例：8个 (beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed) 组件实例：8个 (beforeCreate、created、beforeMount、mounted、bef
阅读全文
摘要：1.删除数组索引 demo: https://ccforward.github.io/demos/vue-tips/delete.html 2.选中input框中文字 调用select()方法即可 组件中调用就需要加上native属性 demo: https://ccforward.github.i
阅读全文
摘要：在日常开发中，为了敏捷开发或者更快满足业务需求，不得不使使用js第三方库或者插件。 如何在Vue项目中引入javascript第三方库 全局变量 将 JavaScript 第三方库 添加到项目中，最简单的办法是通过将其附加到 window 对象上，以使其成为全局变量。 如何引入： 如何使用： 这种情
阅读全文
摘要：编写一个组件： 组件Clock.vue index.js main.js
阅读全文
摘要：同事电脑可以对工程进行打包，我的电脑就报错，研究了好久终于找到了原因。 在工程项目下建.babelrc文件
阅读全文
摘要：本文主要介绍如何在此基础上来改造为多入口。 多入口指的是 webpack 配置项 entry 配置为包含多个 key 的数组或者对象，即 MPA（multiple entry points），那么什么情况下会配置多入口？一般用 vue 大部分是做 SPA（one entry point），因为 SP
阅读全文
摘要：以新手视角，详细介绍各个步骤内容，不深入讲步骤涉及的原理，主要介绍如何操作。 初始化工程 新建工程目录 vue2practice，在目录下执行npm init -y来创建一个 package.json，在 package.json 中先添加以下必备模块： 其中 vue-template-compil
阅读全文
摘要：Vue路由 1.用name传递参数 在路由文件里配置name属性 routes: [ { path: '/', name: 'Hello', component: Hello } ] 在.vue模板里用$router.name的形式接收：<p>{{ $route.name}}</p> 2.通过<ro
阅读全文
摘要：v-text 读取文本不能读取html标签，解析文本 使用{{XXX}}这种情况是有弊端的，当我们网速很慢或者javascrit出错时，会暴露我们的{{XXX}}。v-text就是解决这个问题的。 v-html 能读取html标签，解析html标签 双大括号会将数据解释为纯文本，而非HTML。为了输
阅读全文
摘要：我们在使用vue做单页面应用难免会用到vue-router，那把项目中的经常用到方法整理一下，方便日后查找与回顾。 1.$route.params 一个 key/value 对象，如果没有路由参数，就是一个空对象。 格式：path: '/detail/:id' 动态路径参数 以冒号开头。 一个参数时
阅读全文
摘要：如果2个组件不是父子组件那么如何通信呢？ 这时可以通过eventHub来实现通信，所谓eventHub就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。（或者使用vuex） 然后通过this.$root.eventHub获取，下面代码简写为eventHub。 组件1触发： 组件2接收
阅读全文
摘要：需求 只能输入数字输入字母和特殊字符自动过滤掉输入完成失焦自动加.00 如果输入了小数自动四舍五入为22.22类似这样格式 用法
阅读全文
摘要：webpack 开发环境可以使用proxyTable 来代理跨域，生产环境的话可以根据各自的服务器进行配置代理跨域就行了。在我们的项目config/index.js 文件下可以看到有一个proxyTable的属性，我们对其简单的改写 这样当我们访问 的时候 其实我们访问的是 这样便达到了一种跨域请求
阅读全文
摘要：随着用Vue全家桶打造后台管理系统项目日益增大，我发现使用npm run build后台dist文件越来越大。 正好看到vue-router文档有路由懒加载介绍，个人猜想应该是和图片懒加载一个道理。 文档有对路由懒加载的说明： 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如
阅读全文
摘要：既然你缓存了html, 如何防止多次事件绑定， 触发多次问题， 解决方法是 在mounted绑定事件， 以为他只执行一次， 如果是新插入的， 可以用事件代理解决 或者在active中先解绑， 再绑定。 http://xiangsongtao.com/article/5853b2c0044bf1353
阅读全文
摘要：├── README.md │ ├── build.js <= 构建脚本 │ ├── check-versions.js <= Node Npm版本检查 │ ├── dev-client.js <= 开发客户端：浏览...
阅读全文
摘要：只给部分组件加上<keep-alive>啊，在app.vue里这样 然后在设置路由信息的时候这样
阅读全文
摘要：原因是 xlsx 没有0.8.1这个版本。 第一步：在命令行输入 查询出xlsx这个包目前有的版本号 第二步：可以讲package.json中“dependencies”中 第三步再执行 cnpm i 即可
阅读全文
浙公网安备 33010602011771号