Vue各个知识要点
404路西法
广交天下豪杰
展开
-
Vue-指令之v-on(简写@-04)
v-on: 事件绑定给元素进行事件绑定,需要通过v-on:指令实现.事件类型:鼠标事件:onclick ondblclick onmouseenter onmouseleave onmouseover onmousedown等等键盘事件:onkeyup onkeydown onkeypress 等等(一)语法: <标签 v-on:click="事件处理函数名...原创 2019-04-20 23:23:20 · 16576 阅读 · 0 评论 -
Vue中的scoped及穿透方法 - - > scoped穿透
什么是scoped?在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped,相当于实现了样式的模块化。scoped的实现原理vue中的scoped属性的...原创 2019-06-26 16:29:42 · 5026 阅读 · 4 评论 -
在vue中如何使用他人封装好的方法- - >
1.在自己编写的子组件Script当中导入..记得一定要在components里面去注册2.然后再 看图效果:原创 2019-06-26 14:40:43 · 733 阅读 · 0 评论 -
vue本地启动方法
1、 装好nodejs 直接去nodejs官方网站下载安装包 -然后在cmd窗口里面输入 node -v 可以检测出来nodejs是否在全局环境下安装成功,如果显示出了版本号, 说明nodejs安装成功。2、 切换npm镜像在任意路径下用cmd输入“npminstall -g cnpm --registry=https://registry.npm.taobao.or...原创 2019-06-26 10:08:47 · 4261 阅读 · 0 评论 -
Vue-指令之v-bind(简写冒号:-03)
(一)v-bind 属性绑定 简写是冒号:如果需要给元素的属性绑定内容,需要通过v-bind:指令实现.注意:v-bind可以绑定普通属性、绑定属性class。A-绑定普通属性:、再比如Dome:效果:B-属性绑定class比如Dome:效果:C-绑定style属性比如Dome:效果:---下一章讲解 v-...原创 2019-04-18 10:39:17 · 4921 阅读 · 0 评论 -
Vue-指令之{{ }}、v-text、v-html(基础指令-02)
---什么是Vue的指令?---指令 (Directives) 是带有 v- 前缀的html标签的特殊属性。指令属性值应该是一个单独的javascript表达式(V-for除外)。指令的工作是在其表达式的值发生变化时,将其产生的连带影响,响应式地作用于 DOM。其实通俗一点来讲:Vue 中,通过一些特殊的语法,扩展了 HTML标签 的能力。(一)插值表达式 {{ }}语法:...原创 2019-04-18 09:43:36 · 536 阅读 · 0 评论 -
Vue-简单使用(起步-01)
(一)为什么要使用Vue?1-Vue.js 是一套构建用户界面的前端框架技术。2-Vue只关注视图(页面)层的开发,文档非常丰富、易于上手,流行度高,拥抱经典的web技术、早起灵感来源于angular。3-vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点。4-与Vue有关联的话题 渐进式、组件、路由、webpack、loader、babel、vue-...原创 2019-04-17 15:04:22 · 248 阅读 · 1 评论 -
Vue-filter(过滤器-08)
过滤器:过滤器分为全局和私有。有的时候,页面上显示的数据信息格式不符合要求,就可以通过过滤器转换成用户需要的样子,过滤器本质就是函数,可以对数据信息进行 二次加工处理 操作。例如:再比如把时间戳改变成我们想要的格式:注意: 过滤器只可以用在两个地方: 插值表达式和 :冒号 属性绑定表达式。 过滤器应该被添加在 JavaScript 表达式的尾部,由“...原创 2019-04-21 14:21:54 · 307 阅读 · 0 评论 -
Vue-指令之v-if与v-show以及v-else(显示和隐藏-07)
(一)v-if 和 v-showv-if 和 v-show 会根据接收 true/false 信息使得页面上元素达到显示或隐藏的效果. v-if:从根本上把元素给 消除掉 或 创建追加,达到隐藏或显示的效果. v-show:只是做了css样式(display:block/none)的切换而已. 语法:<标签 v-if="布尔值"></标签>&...原创 2019-04-21 09:37:04 · 1992 阅读 · 0 评论 -
Vue-指令之v-for(遍历-06)
在vue中对数组或对象进行遍历可以通过v-for指令实现(一)语法:<标签 v-for="(遍历出来的小单元, 小单元下标) in 目标"></标签><标签 v-for="遍历出来的小单元 in 目标"></标签>注意:遍历的同时会重复创建使用v-for的html标签(二)v-for 可以遍历数组和对象。A-)数组...原创 2019-04-21 09:30:33 · 527 阅读 · 0 评论 -
Vue-指令之v-model(双向数据绑定-05)
(一)A-)v-model是vue中 唯一实现 双向数据绑定 指令B-)v-bind单向数据绑定,只是使得vue的数据渲染给页面元素,页面对其进行修改,vue不会感知到。C-)v-model双向数据绑定,数据从vue里边渲染给页面,页面对其进行修改,这个修改后的数据还会被vue感知到,vue感知到变化后的数据还会重新渲染给页面。(二)语法:<标签 v-model=...原创 2019-04-21 01:18:33 · 520 阅读 · 0 评论 -
npm run start 与 npm run dev的区别?
1-具体看你package.json2-start和dev都是脚本start执行的就是dev的脚本- - > 最终目的是执行dev后面的原创 2019-06-26 18:11:41 · 24047 阅读 · 0 评论