![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue2.x
小女子的博客
不一样的代码,不一样的美
展开
-
Vue手脚架的搭建
小女子对Vue的学习零零散散有一个月的时间了,做了一个仿饿了吗的实战项目,有需要的可以到我的github上了解一下,欢迎指出问题,不过还没有竣工哦!https://github.com/liuian1946/elema-vue1.npm install -g vue-cli2.vue init webpack +项目文件 // 使用webpack模板,给项目添加一个名字3.接下原创 2017-07-25 11:09:27 · 1789 阅读 · 0 评论 -
vue-router
对于vue这个前端框架,构建单页面是十分重要的,对于单页面肯定是少不了路由,vue-router是vue官方提供的一个路由框架,下面简单的说说1.使用node安装:npm install vue-router2.对于一个项目需要使用Vue.use(VueRouter),但是这个前提是需要引入这个模块import VueRouter from "vue-router"3.使用需要将路径与原创 2017-07-25 11:54:10 · 244 阅读 · 0 评论 -
Vue之vue-resource入门--模拟数据
vue-resource属于vue.js的一个插件,提供了XMLHttpRequest或JSON进行web请求和处理响应的服务下面简单的进行分析1.安装:npm install vue-resource2.在main.js中用import进行引入3.Vue,use(vueResource)4.在组件中进行使用,例子this.$http.get('someUrl'.the原创 2017-07-25 13:35:20 · 413 阅读 · 0 评论 -
vue删除数据,不刷新页面
对于循环出来的列表,会出现删除的按钮,删除当前的一条数据思想:点击当前的删除按钮事件时,需要把当前的index传入点击的时用splice删除数据的index,删除当前一条即可splice:方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。demo:tr v-for="(list,listindex) in原创 2018-04-25 17:36:05 · 8013 阅读 · 1 评论 -
vue的手风琴
对于vue的手风琴思想:点击当前的添加toggle事件,给这个事件传入当前点击的index值初始化的时候给data中添加个inshow,默认的值是-1html中根据isshow是否等于当前的index判断显示还是不显示点击的时候判断如果inshow等于这个index就设为-1,否则的话isshow就复制为index,这样在页面中即可判断li class="t原创 2018-04-25 17:47:12 · 1518 阅读 · 0 评论