vue
关注
分享
扫一扫
文章平均质量分 92
菜鸟柱子
编程小菜
展开
-
搭建 vue 开发环境: node.js安装+vue脚手架配置
第一步 node环境安装1.1 如果本机没有安装node运行环境，请下载node 安装包进行安装1.2 如果本机已经安装node的运行换，请更新至最新的node 版本下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/以上两种方式下载node安装包都可以下面是我下载的最新安装包开始安装这里是修改...原创 2018-08-20 17:56:06 · 51253 阅读 · 11 评论 -
Vue学习笔记01day_05.数据双向绑定v-model
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 06:41:05 · 185 阅读 · 0 评论 -
Vue学习笔记01day_06.简易计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 06:50:11 · 263 阅读 · 0 评论 -
Vue学习笔记01day_07.vue中通过属性绑定为元素设置class类样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 07:03:13 · 255 阅读 · 0 评论 -
Vue学习笔记01day_08.vue中通过属性绑定为元素绑定行内样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 07:08:06 · 418 阅读 · 0 评论 -
Vue学习笔记01day_09.v-for循环普通数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 07:14:53 · 184 阅读 · 0 评论 -
Vue学习笔记01day_10.v-for循环对象数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 07:19:49 · 479 阅读 · 1 评论 -
Vue学习笔记01day_11.v-for循环对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 07:22:43 · 162 阅读 · 0 评论 -
Vue学习笔记01day_12.v-for迭代数字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 07:24:41 · 551 阅读 · 0 评论 -
Vue学习笔记01day_13.v-for循环中key属性的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 07:33:41 · 384 阅读 · 0 评论 -
Vue学习笔记01day_14.v-if和v-show的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 06:55:11 · 126 阅读 · 0 评论 -
Vue学习笔记01day_04.事件修饰符 stop\prevent\capture\once\self
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-11 06:32:45 · 312 阅读 · 0 评论 -
Vue学习笔记01day_03.跑马灯效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-10 22:47:24 · 341 阅读 · 0 评论 -
Vue学习笔记02day_01.品牌列表案例1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 06:56:30 · 430 阅读 · 0 评论 -
Vue学习笔记02day_02.品牌列表案例02_自定义全局时间过滤器+自定义样式指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 06:56:49 · 143 阅读 · 0 评论 -
Vue学习笔记02day_03.过滤器的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 06:57:08 · 192 阅读 · 0 评论 -
Vue学习笔记02day_04.生命周期函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 06:57:23 · 355 阅读 · 0 评论 -
Vue学习笔记02day_05.vue-resource的基本使用get/post/jsonp
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 07:01:54 · 322 阅读 · 1 评论 -
Vue学习笔记 02day_06.客户端Jsonp页面（结合Node手写Jsonp服务器，解剖Jsonp原理）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 07:18:42 · 288 阅读 · 0 评论 -
Vue学习笔记03day_01.vue-resource改造品牌列表案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-12 07:24:24 · 261 阅读 · 0 评论 -
Vue学习笔记03day_02动画-不使用动画（显示和隐藏）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-13 06:50:50 · 519 阅读 · 0 评论 -
vue学习笔记01day_01Vue的基本代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-10 21:58:10 · 269 阅读 · 0 评论 -
Vue学习笔记01day_02.v-cloak、v-text、v-html的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-09-10 22:28:57 · 138 阅读 · 0 评论 -
Vue学习笔记01day_15.01day内容总结回顾
<!-- 1. MVC 和 MVVM 的区别 --><!-- 2. 学习了Vue中最基本代码的结构 --><!-- 3. 插值表达式 v-cloak v-text v-html v-bind（缩写是:） v-on（缩写是@） v-model v-for v-if v-show --><!-- 4. 事件...原创 2018-09-12 06:55:38 · 185 阅读 · 0 评论