vue
文章平均质量分 52
虔诚带着决然
这个作者很懒,什么都没留下…
展开
-
vue.js ---按键/事件 修饰符
事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。 Vue.js通过由点(.)表示的指令后缀来调用修饰符。 .stop .prevent .capture .se...原创 2018-08-04 14:52:04 · 298 阅读 · 0 评论 -
Vue 组件切换的过渡
Vue 组件切换的过渡 上一章博客中,实现了组件的切换,不过对于有强迫症的码农来说,没有实现过渡,组件的切换就显得很突兀,下面就为他们加上过渡效果来增加用户体验 声明组件 <script> //组件名称是 字符串 Vue.component('login',{ template :'<h3>登陆组件</h3>' ...原创 2018-08-07 15:19:16 · 1785 阅读 · 0 评论 -
Vue 的组件切换
Vue 的组件切换的几种方式 方式一: v-if 和 v-else 结合使用实现切换 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;tit原创 2018-08-07 15:02:19 · 3966 阅读 · 0 评论 -
Vue 创建组件的方式
方式一 1.1使用Vue.extend来创建全局的Vue组件 var tem1 = Vue.extend({ template:'&amp;amp;lt;h3&amp;amp;gt;这是使用 Vue.extend 创建的组件&amp;amp;lt;/h3&amp;amp;gt;' //指定组件要展示的HTML结构 }); 1.2使用Vue.component('组件名称',创建出来的组件模板对象)原创 2018-08-07 11:10:56 · 7233 阅读 · 1 评论 -
vue创建项目的步骤
1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装; 检查是否有node.js npm vue Window+R 输入:cmd 输入node -v 回车 会出现node,js的版本 输入npm -V(V大写) 回车 会出现npm的版本 如果没有安装vue 输入: npm install -g vue-cli //...原创 2018-08-02 16:51:37 · 33627 阅读 · 6 评论 -
Vue中使用 transition标签或transition-group标签以及第三方类实现动画
Vue公司的动画并没有非常炫酷的效果,不过也是有一些实用性的,在项目中有的地方使用,也是能够营造出不同的效果 下面为大家列举两个简单实现动画的例子 使用 &amp;lt;transition&amp;gt; 包裹 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &a原创 2018-08-07 09:10:42 · 121773 阅读 · 7 评论 -
vue2.0click点击事件修饰符stop阻止单击事件冒泡prevent阻止默认事件
事件修饰符 在事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。 为了解决这个问题,Vue.js 为 v-on 提供两个 事件修饰符:.prevent 与 .stop。 . . —>阻止单击事件冒泡 ———- ...原创 2018-08-06 19:10:53 · 5980 阅读 · 1 评论 -
vue 生命周期函数
翻出笔记,发现有一个关于vue生命周期函数的,就发出来分享一下,与大家交流讨论 图片上记录着vue实例 生命周期函数 的一些周期函数的详细介绍,希望能给大家一些帮助...原创 2018-08-06 10:19:08 · 320 阅读 · 0 评论 -
nrm 的使用
当我们使用Vue来开发的时候,往往需要下载一些包、工具等 npm 下载包 地址 registry.npmjs.org 该地址 属于国外网址 下包速度比较慢 为了提供下载速度: 可以安装工具 nrm ,该工具提供了几个最常用的下包的地址;注意是地址, window + R --- &gt; cmd 打开命令 输入: npm -install nrm -g ...原创 2018-08-09 19:31:16 · 5988 阅读 · 0 评论 -
vue中使用axios发送请求
vue中使用axios发送请求 <div class="postBody"> <div id="cnblogs_post_body" class="blogpost-body"><p><span style="font-原创 2018-09-17 14:22:41 · 651 阅读 · 1 评论