随笔分类 -  vue

vue数组监听无效，修改不同步的问题
摘要：vue的数组更新检测规则： 使用数组方法push、pop、shift、unshift、splice、sort、reverse才可以触发视图更新，其他方法修改数组将不会同步视图 阅读全文
posted @ 2020-12-19 18:38 neeter 阅读(568) 评论(0) 推荐(0)
vue cli3.0 打包静态文件目录的配置
摘要：vue cli3.0默认打包生成的文件和cli2.0同样是生成在dist目录中，但静态文件如css、js、img并未像cli2.0一样放在static文件夹下，而是和index.html处在同一目录中，显得十分散乱 要使打包后的文件与cli2.0的相同，需要修改vue.config.js的几项配置变 阅读全文
posted @ 2020-05-14 16:29 neeter 阅读(6912) 评论(0) 推荐(0)
vue cli 3.0安装配置移动端自适应插件(postcss-pxtorem)
摘要：1.下载lib-flexible，并在main.js中引用 npm i lib-flexible --save 2.安装自适应插件 npm i postcss-pxtorem --save 或 npm i postcss-px-to-viewport --save 3.修改vue.config.js 阅读全文
posted @ 2020-04-28 11:53 neeter 阅读(1079) 评论(0) 推荐(0)
vue移动端自适应插件postcss-px-to-viewport
摘要：一般我们做vue移动端项目使用的长度单位是rem、em，需要根据设计稿宽度进行计算，而这个插件可以配置相应属性直接按照原始设计稿长度进行构建，不需要繁琐的单位换算。 安装： npm install postcss-px-to-viewport --save 安装完成后在vue根目录下找到".post 阅读全文
posted @ 2020-02-23 23:43 neeter 阅读(4073) 评论(0) 推荐(0)
vue使用scss
摘要：想在vue项目中使用scss，因为scss相当于sass的兼容版本，需要安装sass样式加载模块： cnpm install node-sass cnpm install sass-loader cnpm install style-loader 在配置文件@/build/webpack.base. 阅读全文
posted @ 2020-01-06 14:33 neeter 阅读(225) 评论(0) 推荐(0)
vue父子组件双向绑定数据
摘要：我们在封装组件时，最常使用的父子组件通信方法是props传值，$emit修改，在一些情况中这些必要的操作会显得很麻烦，显得代码很啰嗦，甚至不利于某些功能实现。父组件必须传入值、触发事件，子组件必须接收值、触发事件调用$emit回调。 这种情况下可以使用.sync修饰符双向绑定数据，使子组件可以直接修 阅读全文
posted @ 2019-12-09 09:16 neeter 阅读(1894) 评论(0) 推荐(0)
vue中能穿透组件的css选择器
摘要：如果父组件style设置了scoped，除了全局样式与子组件内部修改样式以外不受外部样式的影响，但要是父组件想修改子组件某个地方的样式但又不想为了这么一点变动去添加个全局样式该怎么做呢？ 这种情况可以使用带穿透功能的css选择器 >>>，如： <style scoped> .nav >>> .com 阅读全文
posted @ 2019-11-30 10:30 neeter 阅读(1030) 评论(0) 推荐(0)