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 · 49780 阅读 · 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 · 145 阅读 · 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 · 207 阅读 · 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 · 237 阅读 · 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 · 388 阅读 · 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 · 152 阅读 · 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 · 406 阅读 · 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 · 131 阅读 · 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 · 511 阅读 · 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 · 348 阅读 · 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 · 98 阅读 · 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 · 274 阅读 · 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 · 301 阅读 · 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 · 397 阅读 · 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 · 114 阅读 · 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 · 165 阅读 · 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 · 293 阅读 · 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 · 291 阅读 · 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 · 249 阅读 · 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 · 234 阅读 · 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 · 470 阅读 · 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 · 224 阅读 · 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 · 112 阅读 · 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 · 131 阅读 · 0 评论