Vue
关注
分享
扫一扫
一缕清风007
这个作者很懒，什么都没留下…
展开
-
VUE2.0学习记录——组件使用的细节点
1.在html5的规范里，要求tbody里必须写tr，导致浏览器解析row的时候出问题，此时可借助is属性来解决，ul li select option同理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>VUE中组件使用的细节...原创 2019-08-13 11:52:27 · 179 阅读 · 0 评论 -
VUE2.0学习记录——VUE中的列表渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>VUE中的列表渲染</title></head><body><div id="app"> <div v-for="...原创 2019-08-13 11:51:56 · 165 阅读 · 0 评论 -
VUE2.0学习记录——组件参数校验与非Props特性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件参数校验与非Props特性</title></head><body><div id="app"> <child...原创 2019-08-13 11:54:06 · 180 阅读 · 0 评论 -
VUE2.0学习记录——给组件绑定原生事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>给组件绑定原生事件</title></head><body><div id="app"> <child @clic...原创 2019-08-13 11:54:38 · 173 阅读 · 0 评论 -
VUE2.0学习记录——非父子组件之间的传值(BUS/总线/发布订阅者模式/观察者模式)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>非父子组件之间的传值(BUS/总线/发布订阅者模式/观察者模式)</title></head><body><div id="app"&...原创 2019-08-13 11:55:44 · 226 阅读 · 0 评论 -
VUE2.0学习记录——插槽(slot)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插槽(slot)</title></head><body><div id="app"> <child> ...原创 2019-08-13 11:56:12 · 351 阅读 · 0 评论 -
VUE2.0学习记录——作用域插槽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>作用域插槽</title></head><body><div id="app"> <child></c...原创 2019-08-13 11:56:46 · 237 阅读 · 0 评论 -
VUE2.0学习记录——动态组件与v-once指令
返回导航页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态组件与v-once指令</title></head><body><div id="app"> <...原创 2019-08-13 11:57:20 · 231 阅读 · 0 评论 -
Vue2.0学习之路
基于慕课网教程Vue2.5开发去哪儿网App 从零基础入门到实战项目的学习笔记。一、基础1.VUE2.0学习记录——hello world2.VUE2.0学习记录——Todo_List初步3.VUE2.0学习记录——MVVM模式4.VUE2.0学习记录——全局组件5.VUE2.0学习记录——局部组件6.VUE2.0学习记录——父子组件传值7.VUE2.0学习记录——...原创 2019-08-13 11:42:12 · 373 阅读 · 0 评论 -
VUE2.0学习记录——VUE中的条件渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>VUE中的条件渲染</title></head><body><div id="app"> <div v-if="s...原创 2019-08-13 11:51:02 · 187 阅读 · 0 评论 -
VUE2.0学习记录——VUE中的样式绑定
返回导航页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>VUE中的样式绑定</title></head><body><div id="app"> <div ...原创 2019-08-13 11:49:46 · 165 阅读 · 0 评论 -
VUE2.0学习记录——再看父子组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件传值</title></head><body><div id="app"> <counter cou...原创 2019-08-13 11:53:40 · 159 阅读 · 0 评论 -
VUE2.0学习记录——项目代码初始化
返回导航页1.修改index.html中的meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maxinum-scale=1.0,user-scalable=no"> <title>travel</tit...原创 2019-08-13 12:26:48 · 232 阅读 · 0 评论 -
VUE2.0学习记录——全局组件
返回导航页<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Todo List</title></head><...原创 2019-08-13 11:45:44 · 182 阅读 · 0 评论 -
VUE2.0学习记录——局部组件
返回导航页<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Todo List</title></head><...原创 2019-08-13 11:46:16 · 164 阅读 · 0 评论 -
VUE2.0学习记录——父子组件传值
返回导航页通过实现点击item删除TodoList中的项目，理解子组件往父组件的传值<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Tod...原创 2019-08-13 11:46:51 · 140 阅读 · 0 评论 -
VUE2.0学习记录——生命周期函数
返回导航页原创 2019-08-13 11:47:39 · 129 阅读 · 0 评论 -
VUE2.0学习记录——计算属性、方法、侦听器
返回导航页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性、方法、侦听器</title></head><body><div id="app"> {{full...原创 2019-08-13 11:48:22 · 145 阅读 · 0 评论 -
VUE2.0学习记录——计算属性的getter setter
返回导航页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性的getter setter</title></head><body><div id="app"> ...原创 2019-08-13 11:49:07 · 177 阅读 · 0 评论 -
VUE2.0学习记录——项目环境准备
1.node.js及npm2.git安装3.码云准备注册账号，配置公钥，创建项目4.本地操作clone项目至本地项目父目录下，安装vue-clinpm install --global vue-cli创建项目骨架vue init webpack travel若在此过程中出现无限downdload template，参考博客vue无限下载模板 --...原创 2019-08-13 12:13:04 · 183 阅读 · 0 评论