![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Danny_zgf
爱摄影的程序猿
展开
-
由变量提升谈谈 JavaScript Execution Context
1.'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件。 删除node_modules后再cnpm install2.missing script: dev(启动命令)检查package.json中的配置命令是否配置或配置错误 查看是否有两个package.json文件存在...原创 2021-01-27 23:51:09 · 136 阅读 · 0 评论 -
vue过滤器
Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>你可...原创 2021-01-21 23:16:51 · 83 阅读 · 0 评论 -
vue自定义全局指令和局部指令
除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。当页面加载时,该元素将获得焦点 (注意:autofocus在移动版 Safari 上不工作)。事实上,只要你在打开这个页面后还没点击过任何内容,这个输入框就应当还是处于聚焦状态。现在让我们用指令来实现这个功能:// 注册一个全局自定义指令 `v-focus...原创 2021-01-21 23:02:50 · 541 阅读 · 0 评论 -
vue动态组件和异步组件
<template> <div id="app"> <!-- <myProp title="stylsssss" age="20" @aaa="getaaa" /> <div>{{ current }}</div>子传父 --> <vue-slot> <template v-slot:header> <p>header</p> .原创 2021-01-21 00:02:18 · 106 阅读 · 0 评论 -
三分钟了解vue中slot插槽的写法
哈哈哈,上代码//子组件<template> <div> <slot name="header">我是header</slot><!-- 具名插槽 --> <p><slot>default</slot></p><!-- 匿名/默认/缺省插槽 --> <slot name="footer">我是footer</slot>原创 2021-01-20 21:23:08 · 654 阅读 · 0 评论 -
vue中父子组件互相传递
直接上代码!!!!!!!!!!!//子组件<template> <div> sss <div> <p>{{ title }}:{{age}}</p><!--父传子--> <button @click="getMessage">按钮</button><!--子传父--> </div> </div></templa原创 2021-01-18 21:27:21 · 92 阅读 · 0 评论 -
vue组件的两种切换方式及动画切换
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><scriptsrc="../vue.js">&...原创 2020-06-29 19:44:19 · 467 阅读 · 0 评论 -
vue组件的三种创建方式
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><scriptsrc="../vue.js">&...原创 2020-06-29 19:50:37 · 158 阅读 · 0 评论 -
vue中的全局和私有过滤器,自定义修饰符及全局指令写成的品牌案例
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style></styl...原创 2020-06-29 20:17:58 · 122 阅读 · 0 评论 -
vue生命周期函数
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><scriptsrc="../vue.js">...原创 2020-06-29 22:33:15 · 111 阅读 · 0 评论 -
vue基于父子组件的发表评论案例
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><scriptsrc="../vue.js">&...原创 2020-07-01 23:18:48 · 240 阅读 · 0 评论 -
v-for遍历数组和对象
<template> <div> <ul> <li v-for="(item, index) in names" v-bind:key="index">{{ item }}</li> </ul> <ul> <!-- 遍历数组 --> <li v-for="(item, index) in user" v-bind:key="index"...原创 2021-01-13 23:55:10 · 231 阅读 · 0 评论 -
vue中的事件修饰符(详解)
<template> <div> <button> <a @click.prevent="pre" href="https://www.baidu.com/" >如果想要阻止执行事件默认行为——例如:当链接被单击时阻止页面的跳转——可以使用.prevent修饰符</a > </button> <button @click="stopaaa"> .原创 2021-01-14 20:46:59 · 240 阅读 · 0 评论 -
vue数组变异方法
<template> <div> <div> <button @click="push">push:添加到数组末尾</button><br> <button @click="pop">pop:从数组末尾移除最后一项</button><br> <button @click="shift">shift:移除数组中的第一个项</button.原创 2021-01-16 22:00:27 · 269 阅读 · 0 评论