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 · 336 阅读 · 0 评论 -
Vue 组件切换的过渡
Vue 组件切换的过渡上一章博客中，实现了组件的切换，不过对于有强迫症的码农来说，没有实现过渡，组件的切换就显得很突兀，下面就为他们加上过渡效果来增加用户体验声明组件<script> //组件名称是 字符串 Vue.component('login',{ template :'<h3>登陆组件</h3>'...原创 2018-08-07 15:19:16 · 1826 阅读 · 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 · 4033 阅读 · 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 · 7295 阅读 · 1 评论 -
vue创建项目的步骤
1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装; 检查是否有node.js npm vueWindow+R 输入：cmd 输入node -v 回车 会出现node,js的版本 输入npm -V(V大写) 回车 会出现npm的版本 如果没有安装vue 输入：npm install -g vue-cli//...原创 2018-08-02 16:51:37 · 33740 阅读 · 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 · 121922 阅读 · 7 评论 -
vue2.0click点击事件修饰符stop阻止单击事件冒泡prevent阻止默认事件
事件修饰符在事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()。尽管我们在方法内可以轻松做到，不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。为了解决这个问题，Vue.js 为 v-on 提供两个 事件修饰符：.prevent 与 .stop。 . .—>阻止单击事件冒泡 ———- ...原创 2018-08-06 19:10:53 · 6029 阅读 · 1 评论 -
vue 生命周期函数
翻出笔记，发现有一个关于vue生命周期函数的，就发出来分享一下，与大家交流讨论 图片上记录着vue实例 生命周期函数 的一些周期函数的详细介绍，希望能给大家一些帮助...原创 2018-08-06 10:19:08 · 335 阅读 · 0 评论 -
nrm 的使用
当我们使用Vue来开发的时候，往往需要下载一些包、工具等npm 下载包 地址 registry.npmjs.org 该地址 属于国外网址 下包速度比较慢为了提供下载速度： 可以安装工具 nrm ,该工具提供了几个最常用的下包的地址；注意是地址，window + R --- &gt; cmd 打开命令输入： npm -install nrm -g ...原创 2018-08-09 19:31:16 · 6027 阅读 · 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 · 669 阅读 · 1 评论