![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
法净寺
这个作者很懒,什么都没留下…
展开
-
Vue与Jquery的区别到底在哪里?
比如我们用Jquery在Dom中插入一个元素,并且对其绑定一个click事件: if(showBtn){ var btn=$('<button>click me</button>'); btn.on('click',function(){ console.log('clicked!!!'); }); $('#app'.原创 2018-12-13 14:42:40 · 949 阅读 · 0 评论 -
手把手教你搭建Vue框架
Vue项目环境搭建1、 安装Node.js双击安装node-v8.9.1-x64.exe。安装完成后输入命令 node -v ,若显示Node.js版本,既安装成功。2、 基于node.js,利用淘宝npm镜像安装相关依赖。控制台命令:在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等...原创 2018-12-12 15:53:12 · 713 阅读 · 0 评论 -
Vue之生命周期
每个Vue实例创建时,都会经历一系列的初始化过程,同时也会调用相应的生命周期钩子,我们可以利用这些钩子,在合适的时机执行我们的业务逻辑。如果你使用过Jquery,一定知道ready()用法,比如一下示例:$(document).ready(function(){//DOM加载完后,会执行这里的代码})Vue的生命周期钩子与之类似,比较常用的有:created实例创建完成后调用,此阶...原创 2018-12-13 15:23:23 · 129 阅读 · 0 评论 -
Vue之计算属性computed
模板内的表达式常用于计算简单的运算,当其过长或者逻辑复杂时,会难以维护,Vue的计算属性就是用来解决这个问题的。什么是计算属性在模板中双向绑定一些数据或者表达式时,如果表达式过长或者逻辑过于复杂时,就会变得臃肿甚至难以阅读和维护,比如:<div> {{text.split(',').reverse().join(',')}}</div>这里的表达式包括3个运算...原创 2018-12-14 10:06:50 · 242 阅读 · 0 评论 -
使用props传递数据
基本用法组件不仅仅是把模板里的内容进行复用,更重要的是组件之间进行通信。通常父组件的模板中包含子组件,父组件正要向子组件传递数据或参数,子组件接收到后根据参数的不同来渲染不同的内容或执行操作,这个正向传递数据的过程就是通过props来实现的。在组件中,使用选项props来声明需要从父组件接收的内容,props的值可以是两种,一种是字符串数组,一种是对象。<div id='app'>...原创 2018-12-20 15:19:34 · 3391 阅读 · 0 评论 -
组件通信
从父组件向子组件传递数据使用props方法,Vue通信有大体上以下几种方式:组件关系可以分为:父子组件通信,兄弟组件通信、跨级组件通信。一、自定义事件当子组件需要向父组件传递数据时,就需要用到自定义事件。子组件用$emit()来出发事件,父组件用$on()来监听子组件的事件。父组件也可以在子组件自定义的标签上使用v-on来监听子组件触发的自定义事件。示例如下:<...原创 2018-12-21 14:08:54 · 129 阅读 · 0 评论 -
Vue循环指令v-for
基本用法当需要将一个数组遍历,或者将对象循环显示时,就会用到列表渲染指令v-for。它的表达式需结合in来使用,类似item in items的形式,看下面的示例:&lt;div&gt; &lt;ul&gt; &lt;li v-for="book in books"&gt;{{book.name}}&lt;/li&原创 2018-12-18 14:47:06 · 630 阅读 · 0 评论 -
vue实现前进刷新,后退不刷新
项目中客户提出返回列表页需要缓存之前查询的数据,用到了以下方法解决了这个需求实现思路:注:demo中,index页面包含三个链接导航。page1-->page2-->page3.依次前进,每次前进到一个新页面都需要获取数据,而按下后退键后,从page3返回到page2,page2不再获取新数据,而是使用之前缓存的数据。从page2返回到page1时,page1不再获取新数据,而是...转载 2019-01-23 14:35:00 · 1400 阅读 · 0 评论