![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
゛Pudding
疲倦的生活里总要有些温柔的梦想~
展开
-
2020前端知识点汇总(五)-vue
1、vue的组件通信? 父传子用props 父用子用ref 子调父用$emit 无关系用Bus 2、vuex? 组件通信库,可以避免子组件无法改变props的弊端等 mutations 同步操作, 用于改变状态 官方不推荐异步 action 执行多个mutaions,官方推荐异步操作 mapState、mapGetters、mapActions使用示例 3、vue的双向绑定? 原理:利用了 Object.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set原创 2020-07-01 14:13:50 · 248 阅读 · 0 评论 -
vue的v-if与v-show的相同与不同之处
相同之处: v-if 和 v-show 都是动态操作DOM元素,控制元素的显示隐藏。 不同之处: v-if:根据条件判断去切换,不断地在DOM中去重建和销毁元素,达到显示效果 v-show:带有v-show的元素一直都存在与DOM中,靠css的display属性去达到显示隐藏效果 需要注意的是: v-if 如果在初始渲染时条件为false时,则等到条件变为true时才会开始渲染, 有着更高的切换开销 v-show简单一些,元素始终被渲染,只需要css切换 ,有着更高的初始渲染开销。 频繁切换原创 2020-05-28 10:32:57 · 424 阅读 · 0 评论 -
用vue-cli创建一个vue项目从0到1
1、先全局安装node.js,选择自己需要下载的版本即可 node.js下载地址https://nodejs.org 查看一下当前node版本,输出版本号则安装成功node -v 检查一下npm包,输出版本号则安装成功npm -v npm有局限性,安装cnpm淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org 2、等待npm安装完成后,安装vue-cli vue-cli安装命令cnpm install -原创 2020-05-20 15:38:53 · 147 阅读 · 0 评论 -
vue的几种安装使用方法
1、直接引包 <script src="lib/vue.min.js"></script> 2、用webpack安装 npm init -y cnpm install vue webpack --save cnpm install vue-loader css-loader style-loader vue-template-compiler--save-dev ...原创 2020-05-06 18:12:10 · 169 阅读 · 0 评论 -
vue中引用less&sass
1. less 安装命令: cnpm install less less-loader --save-dev //在webpack.config.js 中的rules中添加: ,{ test: /\.less$/, use: [{ loader: "style-loader"...原创 2019-12-31 15:49:24 · 131 阅读 · 0 评论