vue.js
关注
分享
扫一扫
Lion Of WU
快乐不间断，编程每一天
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VUE --- 反向代理
官方cli标题文档vue.config.jsvue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。devServer.proxy如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通原创 2020-05-17 13:33:04 · 361 阅读 · 0 评论 -
VUE ---swiper轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><link rel="stylesheet" href原创 2020-05-16 00:44:21 · 293 阅读 · 0 评论 -
Vue --用自定义指令创建底层dom
自定义指令如果接受值的话，需要把v-hello里的东西当做一个字符来对待。自定义指令的生命周期原创 2020-05-16 00:43:41 · 320 阅读 · 0 评论 -
Vue ---生命周期
生命周期打开页面的时候，首先执行这四个钩子函数beforeCreate、create、beforeMount、mounted当虚拟dom被渲染的时候会执行update和beforeUpdatev-if可以控制组件的销毁当一个组件销毁的时候，会执行beforeDestory和destory函数...原创 2020-05-15 23:42:09 · 232 阅读 · 0 评论 -
vue -- slot插件
slot插件把父组件的代码放到子组件中进行显示就用slot插件例子：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><meta name="description" conte原创 2020-05-12 20:48:26 · 375 阅读 · 0 评论 -
vue ----动态组件
动态组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script src="vue.js"&g原创 2020-05-12 17:47:23 · 216 阅读 · 0 评论 -
VUE学习 -- 非父子组件传值
非父子组件传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script src="vue原创 2020-05-12 17:33:09 · 155 阅读 · 0 评论 -
VUE---父子组件的传值
父子组件的传值父传子props 来接收父组件传来的数据传父组件的data状态，只需要动态绑定就可以了父传子的时候如果是变量别忘了进行动态绑定属性验证子传父<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2020-05-11 23:36:50 · 241 阅读 · 0 评论 -
VUE组件笔记
全局定义组件子组件与局部组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script sr原创 2020-05-11 21:37:21 · 237 阅读 · 0 评论 -
VUE第三天学习
表单处理单选v-model直接绑定布尔值多选v_model绑定数组唯一选择 v-model绑定字符串<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</原创 2020-05-11 17:07:13 · 231 阅读 · 0 评论 -
VUE---小木屋见
列表过滤应用利用输入框输入的值，过滤出列表中的元素v-model拿到input中的值**filter( function(){} )**过滤函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2020-05-11 01:44:47 · 164 阅读 · 0 评论 -
VUE学习 ---水果摊见
Hello Vue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script src="vue.原创 2020-05-09 21:55:04 · 448 阅读 · 0 评论 -
Vue.js菜鸟教程自学（二）
一、过滤器Vue.js允许自定义过滤器，被作用一些常见的文本格式化。由“管道符”所示，格式如下：1.大括号写法：{{message|capitalize}}v-bind指令写法：过滤器函数接收表达式的值作为第一个参数。如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...原创 2019-08-10 17:28:45 · 1548 阅读 · 0 评论 -
Vue.js菜鸟教程自学（一）
导入js:一、hello vue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue....原创 2019-08-09 14:45:34 · 11712 阅读 · 0 评论