![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
想养一只萨摩耶~
请在合适的地方掉头并重新规划路线
展开
-
vue-事件修饰符
大家可以发现,在点击了showInfo事件并且确定之后,页面自动跳转到超链接了。那么如何阻止这个默认行为呢?可以将时间改成如下形式。5) self:只有event.target是当前操作的元素才触发事件。6)passive:事件的默认行为立即执行,无需等待事件回调执行完毕。以上就演示了默认行为和阻止事件默认行为。1)prevent:阻止默认事件(常用)4)capture:使用事件的捕获模式。3)once:事件只触发一次(常用)2)stop:阻止事件冒泡。原创 2022-09-28 14:48:03 · 387 阅读 · 0 评论 -
vue-事件处理
1 事件的基本使用:1)使用v-on:xxx或@xxx绑定事件,其中xxx是事件名称2)事件的回调需要配置在methods对象中,最终会在vm上3)methods中配置的函数,不要用箭头函数!否则this就不是VM了4)methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或组件实例对象5)@click=“demo”和@click=“demo($event)”效果一致,但后者可以传参。原创 2022-09-27 16:34:51 · 576 阅读 · 0 评论 -
el与data的两种写法
1 el有两种写法1).new Vue()时配置el属性。2)先创建Vue实例,随后在通过v.$mount('#root')指定el的值2 data的写法1).对象式2).函数式前期两种写法都可以,以后学习到组件时,data必须使用函数式,否则会报错。3 一个重要的原则由Vue管理的函数,一定不要写箭头函数,写了箭头函数之后,this就不是vue实例了。原创 2022-09-24 16:06:42 · 428 阅读 · 0 评论 -
vue-数据绑定
1 单向绑定(v-bind):数据只能从data流向页面。2 双向绑定(v-modle):数据不仅能从data流向页面,还能从页面流向data1双向绑定一般都应用在表单项元素上(如:input、select)2.v-modle: value可以简写v-modle,因为v-modle默认收集的就是value值。原创 2022-09-22 10:00:28 · 6663 阅读 · 0 评论 -
vue-模板语法
举例:v-bind:href='xxx'可以简写为:href='xxx',xxx是js表达式,且可以直接读取到data中的所有属性。写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。功能:用于解析标签(包括:标签属性、标签体内容、绑定事件......)大致意思为:属性内的插值已被删除。改用v-bind或冒号速记。功能:用于解析标签体内容。vue中有很多指令,且形势都是:v-xxx的形式。但是如果是url再继续用插值语法,会有用吗?右键打开点击可正常跳转。原创 2022-09-21 19:54:58 · 90 阅读 · 0 评论 -
vue小案列(hello world)
目录1 页签图标的报错解决 2 创建vue实例3 初识Vue分析1 首先,在我们的html中定义一个容器,然后右键(Open with LIve Server)打开,需要安装LIve Server插件 打开之后发现控制台报如下错误: 404,没有找到我们这个favicon.ico资源,但是这个时候我们会发现,我们请求的地址变成了http://127.0.0.1:5501这是为什么呢?127.0.0.1我们还好理解,知道是我们本机的,但是5501端口号是从哪个地方过来的因为我们是选择了LIve Server打原创 2022-09-21 18:48:49 · 548 阅读 · 0 评论 -
vue开发环境准备
有的可能没有Open in...这个选项,需要下载open-in browser插件,之后将默认浏览器设置成谷歌浏览器。查看更多提示https://vuejs.org/guide/deployment.html。提示我们现在运行的vue.js体积过大,让我们在生产环境中用生产版的vue.min.js。注意:在开发时选用开发版本的vue.js,否则失去了常见的错误和相关的警告。注意:此时还会提示安装开发调试工具,我的之前安装过,所以没有提示。只需要在body中引入如下即可。确保在为生产部署时启用生产模式。原创 2022-09-14 19:48:41 · 293 阅读 · 0 评论 -
Vue简介
在vue中,一个.vue文件就是一个组件,如果想要引用我们的“推荐活动”,只需要将.vue组件引入过去就行了,如果需要改变其样式或者布局,可以改其html文件或者css文件。新的虚拟DOM会和老的虚拟DOM进行Diff(比较),如果数据相同的话会进行一个覆盖,在将不同的进行填入。Vue是一套用于构建用户界面的渐进式JavaScript框架,Vue可以自底向上逐层的应用。之前的html编码是每一步都缺少不可,简称命令式编码,而声明式编码则需要记住它的一些指令。复杂应用:可以引用各式各样的Vue插件。原创 2022-09-13 10:26:14 · 388 阅读 · 0 评论