
vue
chenjiepds
这个作者很懒,什么都没留下…
展开
-
Vue快速构建项目
1.安装vue-cli $ npm install -g vue-cli2.利用vue快速生成一个模板 vue init 模板名称(webpack、webpack-simple、browserify...) 项目名称 3.安装依赖 进入项目的文件夹下 npm install 4.运行任务 npm run dev(开启测试服务器) 注:github中搜索vue-cli...原创 2018-04-09 20:59:14 · 126 阅读 · 0 评论 -
chrome安装vue-devtools
安装方法1: 需正常打开chrome商店,搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用;方法2: github下载插件,npm包安装依赖,拖入浏览器扩展程序具体操作:1 . 下载chrome扩展插件。在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools...转载 2018-04-21 23:28:46 · 4761 阅读 · 0 评论 -
Vue.js最佳实践(五招)
第一招:化繁为简的Watchers场景还原:created(){ this.fetchPostList()},watch: { searchInputValue(){ this.fetchPostList() }}组件创建的时候我们获取一次列表,同时监听input框,每当发生变化的时候重新获取一次筛选后的列表这个场景很常见,有没有办法优化一下呢?招式解析:首先,在w...转载 2018-04-18 22:50:41 · 217 阅读 · 0 评论 -
vue2.0 项目开发小结
项目架构项目目录├── build├── config├── dist│ └── static│ ├── css│ ├── fonts│ ├── images│ ├── js│ └── lib├── src│ ├── api│ ├── assets│ │ ├── global│ │ └...转载 2018-05-02 16:40:36 · 230 阅读 · 0 评论 -
实现 Vue 的双向数据绑定
转载https://segmentfault.com/a/11900000142748401、原理Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Object对象的defineProperty属性,重写data的set和get函数来实现的,这里对原理不做过多描述,主要还是来实现一个实例。为了使代码更加的清晰,这里只会实现最基本的内容,主要实现v-model,v-bind 和v-cli...转载 2018-04-21 13:08:18 · 182 阅读 · 0 评论 -
vue知识
`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。解析见:https://www.jb51.net/article/134020.htm...原创 2018-08-31 19:25:13 · 165 阅读 · 0 评论 -
ElementUI中table多选,翻页/切换条数时有记忆功能
需求: 开发中我们常常会用到表格的复选框功能,在表格进行翻页或者切换条数时,希望还能记住之前的勾选项。 本文针对项目中使用ElementUI组件时,实现该功能。本人在这个问题上耗费了好一段时间,下面具体看实现:<el-table :data="tableData" row-key="id" ref="table" border fit highlig...原创 2019-02-28 17:05:26 · 7023 阅读 · 10 评论