hanxue_tyc的博客

在开发vue项目中使用vuex 的 …mapMutations等语法时webpack打包发生错误 Unexpected token，解决办法： 先安装： cnpm install –save-dev babel-plugin-transform-object-rest-spread 安装成功后： 在项目根目录新建.babelrc，（如果存在，修改内容） 放入下面内容: { “pres

vue生命周期中提供了created,mounted方法，可以在页面初始化时候获取一些页面需要的数据，但是有的时候需要根据数据动态的为页面某些dom元素添加事件，这就要求在dom元素渲染完毕时去设置，但是created与mounted函数执行时一般dom并没有渲染完毕，所以就会出现获取不到，添加不了事件的问题，一开始没有发现 vm.$nextTick( [callback] )方法时，使用定时器s

自定义事件可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。 v-model的实现原理 : <input v-model="something"> 这不过是以下示例的语法糖： <input v-bind:value="something" v-on:input="something = $event.target.value">在开发项目中，当遇

开发公司项目vue+webpack，因为属于多入口文件项目，所以使用HtmlWebpackPlugin插件，该插件有两个作用： - 为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题 - 可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口

安装方法： npm install extract-text-webpack-plugin –save-dev 使用：module.exports = { plugins: [ new ExtractTextPlugin({ filename: 'css/[name].css' //路径以及命名 }) ], m

首先电脑确保安装好nodejs，nodejs集成好了npm ，用node -v 、npm -v 测试是否安装成功;安装cnpm（淘宝镜像）代替npm下载依赖包 npm install -g cnpm –registry=https://registry.npm.taobao.org安装webpck cnpm install -g webpack 安装脚手架vue-cl

作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在这里赘述，对它还不熟悉的同学可以直接访问 vue-cli 查看 目录结构 . ├── README.md ├── build │ ├── build.js │ ├

因为公司的vue项目要与之前的结合，所以需要webpack打包后的代码，每次修改内容都需要重新打包，webpack打包速度太慢，因此上网搜索找到解决办法：使用webpack插件webpack.DllPlugin与webpack.DllReferencePlugin将不需要改动的第三方插件与自己的业务代码进行分开打包， 首先： 在项目根目录新建一个文件webpack.dll.config.jsc

解决方法：修改webpack.config.js文件，添加代码 { test: /.(svg|ttf|eot|woff|woff2)$/, loader: ‘file-loader’, options:{ name:’fonts/[name].[ext]’ } }

1、给Menu组件绑定ref ,例如side_menu； 2、menu列表更新时，手动更新this.$nextTick(() => { this.$refs.side_menu.updateOpened() this.$refs.side_menu.updateActiveName()})