vue
vue
砖业洋__
掘金/InfoQ签约作者,阿里云/51CTO专家博主,华为云·云享专家,CSDN博客专家,腾讯云·2023年度影响力创作者/优质共创者,擅长MySQL和Java领域,技术分享,全网同名———砖业洋__
展开
-
Vue中的表单绑定(全 gif 演示)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2020-03-22 15:52:44 · 1084 阅读 · 2 评论 -
Vue中的事件绑定和修饰符
@click的方法只写了方法名没括号?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2020-03-21 18:23:08 · 1237 阅读 · 0 评论 -
Vue动态组件、v-if+v-once、v-show的区分使用
当我们想做出一个toggle的效果,比如点击一下显示文字1,再点击显示文字2,再点击显示文字1....这样交替进行的时候,大家是怎么做的呢?...原创 2020-02-20 12:41:32 · 3424 阅读 · 0 评论 -
Vue作用域插槽(vue2.5淘汰语法和vue3.0支持的语法对比)
目录不用作用域插槽的情况用作用域插槽解决上面问题(Vue2.5旧语法,Vue3.0不再包含)用作用域插槽解决上面问题(Vue2.6+新语法,Vue3.0支持)前篇:Vue中的插槽和具名插槽(vue 2.5已淘汰的语法和vue3.0支持语法对比)有了插槽和具名插槽的基础之后,我想如何让大家能够通俗易懂的理解作用域插槽(说实话,刚学这个知识点的时候官方文档我前后看了好多遍都没...原创 2020-02-16 20:37:02 · 2977 阅读 · 0 评论 -
Vue中的插槽和具名插槽(vue 2.5已淘汰的语法和vue3.0支持语法对比)
目录不用插槽slot的我们应该怎么做vue的插槽slot基本用法了解具名插槽没有具名插槽抛出的问题具名插槽vue 2.5语法展示(已被官方废弃且不会出现在Vue 3中)具名插槽vue 2.6+语法展示(Vue 3支持)首先来看看插槽的使用场景不用插槽slot的我们应该怎么做<!DOCTYPE html><html lang="en">...原创 2020-02-16 16:27:17 · 3723 阅读 · 2 评论 -
Vue非父子组件之间的传值
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>非父子组件间的传值(Bus/总线/发布订阅模式/观察者模式) </title> <script ...原创 2020-02-15 20:40:55 · 1432 阅读 · 0 评论 -
Vue中的set、delete方法在列表渲染中的使用
不知大家是否有过类似的经历,比如说渲染list中的数据,渲染完成后,给list添加数据后却没有在页面中渲染出来原创 2020-02-15 12:52:51 · 3026 阅读 · 0 评论 -
将原生事件绑定到组件
官方的例子是晦涩难懂的,除非已经完全理解了,在这里给大家只用通俗易懂的3个例子解释这个问题第一个例子<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>组件细节is使用 </tit...原创 2020-02-14 17:07:20 · 800 阅读 · 0 评论 -
props接收父组件传属性的冒号“:”引发的系列思考
目录开门见山的结论有冒号无变量的例子有冒号传数字的例子没冒号传数字的例子开门见山的结论因为只要你在父组件绑定(v-bind:简写为冒号:),那么就认为是变量的引用或者数字,如果不写冒号,就认为是字符串这一句话就解释了所有问题,记住它,你基本能解决掉所有问题。有冒号无变量的例子<!DOCTYPE html><html> ...原创 2020-02-14 15:21:07 · 1251 阅读 · 0 评论 -
Vue 组件你不知道的一个细节
在h5的table中,比如我们想要<table>中有<tbody>,<tbody>中有<tr>....这不是一个动态组件可以解决的问题原创 2020-02-13 15:10:32 · 714 阅读 · 0 评论 -
mac解决最新vue-tools的npm run build一直失败问题!最新!mac!不坑你!
转载请注明~网上的教程全都是windows,旧版的,一个能用的都没有,我去https://github.com/vuejs/vue-devtools克隆下来但是按照网上的教程一直失败,失败如下图npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! vue-devtools@5.3.3 build: `cd packages/shell-chr...原创 2020-02-11 17:15:16 · 13034 阅读 · 60 评论 -
vue父子组件传值
目录复习-定义组件的方式(可跳过)父组件向子组件传值子组件向父组件传值更详细的拓展资料:vue组件间通信ref获取DOM元素和组件复习-定义组件的方式(可跳过)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> &...原创 2020-01-13 21:15:58 · 844 阅读 · 0 评论 -
vue组件的创建和切换
目录创建组件的方式1创建组件的方式2创建组件的方式3组件中的data和methods组件切换-方式1组件切换-方式2组件切换-切换动画(包含效果演示)创建组件的方式1<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> ...原创 2020-01-12 13:18:59 · 2403 阅读 · 4 评论 -
vue动画
目录使用过渡类名实现动画修改v-前缀列表动画使用过渡类名实现动画首先演示一下效果:代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi...原创 2020-01-12 11:55:53 · 837 阅读 · 0 评论