vue标签
卧龙天下
这个作者很懒,什么都没留下…
展开
-
vue <router-link></router-link>标签使用
路由跳转到下一个页面 在组建中用标签 在index.js中配置映射表 params:传递参数,name值相同 跳转页面中接收参数:原创 2018-01-22 14:56:33 · 9122 阅读 · 0 评论 -
vue思路简单实现增加列表
1:vue思路简单实现增加列表/*1:引入vue.js文件;2:创建一个new Vue*3:v-model绑定数据对数据进行修改/html代码: <div id="app1"><input type="text" v-model="toText"/><button @click="addText()">增加</button&原创 2018-05-13 11:56:42 · 1033 阅读 · 0 评论 -
vue双向数据绑定原理
1:用了vue做业务开发已经有一段时间啦,知道vue主要有点:数据双向绑定与组件化。数据双向绑定在开发实战中也经常用到的。今天来探究一下它的底层js原理是什么,查阅一些资料,Object.defineProperty(a,b,c);a:代表一个对象,b代表一个属性,c代表属性的描述。实现思路:首先在html中...原创 2018-05-10 22:47:29 · 200 阅读 · 0 评论 -
手机端vue-awesome-swiper(轮播图vue插件)引用
1:通过cnpm安装此插件2:在main.js引用该插件3:在.vue中引用该组件4:呈现的效果图如下自动轮播图:原创 2018-04-30 10:29:26 · 782 阅读 · 0 评论 -
es6语法之map键值对转化数组
在开发中,遇到map去除所有的value值:new Map创建一个map let map=new Map([[1,"one"],[2,"two",[3,"three"]]]);获取所有键值对: console.log("获取key") console.log([...map.keys()]) //输出[1,2,3] console.log("获取value") console.log([...m...原创 2018-04-01 17:35:18 · 18990 阅读 · 0 评论 -
vue组件之间的通信
父组件:<template> <div class="hello"> <h1>{{ msg }}</h1> <Com :num="numtest" @add="add()" @del="del()"></Com> </div&a原创 2018-02-14 22:52:03 · 151 阅读 · 0 评论 -
vue引入全局sass遇到错误
错误: 原因:没有安装sass模块1:安装: 2:在webpack.base.conf.js中配置rules中3:重新启动:npm run dev即可原创 2018-01-19 15:58:22 · 1694 阅读 · 0 评论 -
vue标签
vue常用标签: v-if:判断是真时显示,v-else:假时隐藏; v-show:true是真时显示,false隐藏。区别:v-if:如果条件不成立,不会渲染。v-show:不管是否成立,都渲染在dom中v-modal:双向数据绑定v-on:事件简写@;v-for:遍历数组,对象,集合 v-for=item in 数组/对象/集合v-bind:绑定类简写‘ : ’v-text,v-h原创 2018-01-19 13:43:42 · 682 阅读 · 0 评论 -
iview使用
iview使用: 1:安装 2:在main.js文件中引用 3:在组建中中就可以使用该ui,简单布局:原创 2018-01-23 17:11:35 · 2955 阅读 · 0 评论 -
vue中nextTick()的使用理解
在做项目时,遇到问题,是当接收数据后,需要重新调用刷新该界面数据,在官网在的vue的api中有一个nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据有更新,在dom中渲染后,自动执行该函数,。 在dom结构中: <div class="app"> </div>...原创 2018-06-02 18:40:43 · 2146 阅读 · 0 评论