Vue插槽详解 | 什么是插槽?

作者 | Jeskson 来源 | 达达前端小酒馆 什么是插槽?插槽的指令为v-slot,它目前取代了slot和slot-scope,插槽内容,vue实例一套内容分发的api,将slot元素作为承载分发内容的出口。 组件的书...

2019/12/11 22:57
0
(14)打鸡儿教你Vue.js

重构 “代码重构” 为什么要进行重构 提高代码的可读性和可维护性 代码中存在着重复的代码 存在过大的类或过长的方法 强依赖、紧耦合的结构 运算逻辑难以理解 代码不能清晰 统一的编码风格 ...

2019/06/30 15:57
0
(5)打鸡儿教你Vue.js

条件与循环 条件判断使用 v-if 指令

2019/06/27 22:58
0
(32)Vue模板语法

模板语法 文本: Message: {{ msg }} v-once 一次性地插值,当数据改变时,插值处的内容不会更新 这个将不会改变: {{ msg }} v-html 指令 Using mustaches: {{ rawHtml }......

2019/07/08 23:10
0
(11)打鸡儿教你Vue.js

表单 v-model 指令在表单控件元素上创建双向数据绑定 单个复选框: {{ checked }} ...

2019/06/28 00:28
0
(4)打鸡儿教你Vue.js

模板语法: {{ message }} html 使用 v-html 指令用于输出 html 代码 v-html

2019/06/27 22:42
0
(6)打鸡儿教你Vue.js

循环语句 循环使用 v-for 指令 // 有序 {{ items.name }}

2019/06/27 23:13
0
(16)打鸡儿教你Vue.js

博客: Hexo搭建个性博客 https://hexo.io/zh-cn/ 快速、简洁且高效的博客框架 超快速度 Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。 支持 Markdown Hexo 支持 GitH...

2019/07/01 17:42
0
(8)打鸡儿教你Vue.js

监听属性 监听属性 watch 通过 watch 来响应数据的变化 计数器: {{ counter }} 点我

2019/06/27 23:49
0
(7)打鸡儿教你Vue.js

计算属性 computed {{ message.split('').reverse().join('') }} 计算属性的实例: {{ message }} {{ reversedMessage }}...

2019/06/27 23:31
0
(10)打鸡儿教你Vue.js

事件处理器 增加 1 {{ counter }} 次。

2019/06/28 00:12
20
(28)打鸡儿教你Vue.js

单件商品金额计算和单选全选功能 new Vue({ el: '#app', data: { totalMoney: 0, productList: [] }, filters: { formatMoney: function (value) { return "¥ " + value.toFixed(2); }, }, ...

2019/07/05 14:24
0
(9)打鸡儿教你Vue.js

样式绑定 设置元素的样式 用 v-bind 来设置样式属性 class 与 style 是 HTML 元素的属性

2019/06/27 23:57
6
Vue全家桶之组件化开发

作者 | Jeskson 掘金 | https://juejin.im/user/5a16e1f3f265da43128096cb 学习组件化开发,首先掌握组件化的开发思想,组件的注册方式,组件间的数据交互方式,组件插槽的用法,vue调式工具...

2020/01/06 07:56
0
axios网络交互应用-Vue

作者 | Jeskson 来源 | 达达前端小酒馆

2019/12/24 10:05
0
【面试Vue全家桶】vue前端交互模式-es7的 语法结构?async/await

作者 | Jeskson 掘金 | https://juejin.im/user/5a16e1f3f265da43128096cb 2020.1.12 前端发请求,调用后端接口,来获取特定格式的数据,老板问了,你会前后端交互模式吗?vue的那种。异步接...

2020/01/12 17:24
0
axios网络交互应用-Vue

作者 | Jeskson 来源 | 达达前端小酒馆 <template> <div id="app"> <input type="text" placeholder="name" v-model="user.name"> <input type="text" placeholder="age" v-model="user.age"...

2019/12/24 10:06
59
Web前端-Vue.js必备框架(一)

Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue js</title> </head> <body> <div id="app"> <h1>{{ message }}</h1> <input typ...

2019/02/28 10:10
4
来吧!一文彻底搞定Vue组件!

作者 | Jeskson 来源 | 达达前端小酒馆 Vue组件的概述 组件是什么呢,了解组件对象的分析,Vue组件中的data属性,props传递数据的原理到底是什么。 事件通信的那些事 如何了解父子组件事件通...

2019/12/11 22:37
52
来吧!一文彻底搞定Vue组件!

作者 | Jeskson 来源 | 达达前端小酒馆 Vue组件的概述 组件是什么呢,了解组件对象的分析,Vue组件中的data属性,props传递数据的原理到底是什么。 事件通信的那些事 如何了解父子组件事件通...

2019/12/11 22:37
0

没有更多内容

加载失败,请刷新页面