随笔分类 - Vue系列
vue知识点笔记和实战项目
摘要:
Vuex和localStorage、sesstionStorage的区别,应用场景。vuex的State、Getter、Mutation、Action、Module等技术知识点掌握。
阅读全文

摘要:一、思路分析和效果图 用vue来实现一个瀑布流效果,加载网络图片,同时有下拉刷新和上拉加载更多功能效果。然后针对这几个效果的实现,捋下思路: 先看个效果动图: 静态截图: 二、具体实现步骤 2.1、页面结构设计,测试数据准备。 本地准备一个json文件数据,放在项目public文件夹下。注意,本地测
阅读全文
摘要:菜单快捷导航: CommonJS 之 exports和require用法 ES6 Module 之 export 和 import 用法 CommonJS和ES6 Module的区别 循环依赖 和 解决办法 模块打包原理简析 1、CommonJS 之 exports和require用法 Common
阅读全文
摘要:菜单快捷导航: 1、创建一个vue项目步骤 (windows环境下)。创建vue项目前,检查系统是否具备创建项目的条件(是否已经安装好了node.js、webpack、vue-cli)。cmd打开终端。 1.1 如果还没安装node.js, 则先安装node.js ,安装完成后,查看node版本 1
阅读全文
摘要:1、什么是npm脚本 在创建node.js项目如一个vue项目,或一个react项目时,项目都会生成一个描述文件package.json 。 比如npm允许在package.json文件里面,使用scripts字段定义脚本命令。 上面代码是package.json文件的一个片段,里面的scripts
阅读全文
摘要:23、$refs是什么东东? 通过在标签上设置ref属性,然后在Vue实例方法中可以通过$refs拿到这些标签,如: 24、对于多级嵌套组件,后代组件如何拿到父级或祖父级,设置更高级别的组件的数据或方法? 使用依赖注入。 provide选项允许我们在当前组件指定我们想要提供给后代组件的数据/方法,比
阅读全文
摘要:1、如何创建一个Vue实例对象? 当一个Vue实例(如上面的vm)被创建后,它将data对象里面的所有的属性加入到Vue的响应式系统中。当这些属性的值发生改变时,视图会产生“响应”, 即视图展示最新的数据。 如何双向式绑定数据?用v-model来绑定数据,如: 2、if else 如何实现?用v-i
阅读全文