vue学习
一个卑微的程序员
这个作者很懒,什么都没留下…
展开
-
vue学习(3)之组件插槽
一、概念官方的解释是:Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 元素作为承载分发内容的出口。个人理解:组件的最大特性就是复用性,而用好插槽能大大提高组件的可复用能力二、如何实现? Vue.component('HelloWorld', { data: () => ({ user:...原创 2020-04-06 21:31:59 · 453 阅读 · 0 评论 -
vue基础学习之组件化开发和注意事项
组件化开发:就是把一类功能的元素组合到一起,将css(样式)/js(功能)/html(结构)包装到一起,供后续复用Vue组件注册语法:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, temp...原创 2020-04-06 14:07:57 · 446 阅读 · 0 评论 -
web前端之vue基础学习
v-model修饰符:.number:转换成数字型.trim:去掉前后空格.lazy:把input事件切换为change事件当前已学指令:v-cloak 防止页面加载时出现vuejs的变量名v-text 解决差值表达式闪烁问题v-html 渲染HTMLv-pre 不渲染直接显示v-once 渲染一次v-model 双向数据绑定v-on ...原创 2020-04-04 17:26:15 · 236 阅读 · 0 评论 -
vue基础学习(1)
v-model修饰符:.number:转换成数字型.trim:去掉前后空格.lazy:把input事件切换为change事件当前已学指令:v-cloak 防止页面加载时出现vuejs的变量名v-text 解决差值表达式闪烁问题v-html 渲染HTMLv-pre 不渲染直接显示v-once 渲染一次v-model 双向数据绑定v-on ...原创 2020-04-04 16:40:26 · 177 阅读 · 1 评论