vue1.*版本中 在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素 例如:<div class='box' v-el: myBox>你好</div> 让你好的颜色显示为红色:this.$els.my-box.style.color = 'red' vue2. ...
分类:
其他好文 时间:
2018-03-25 16:57:24
阅读次数:
317
Vue生命周期 在vue2.0的时候,声明钩子发生了改变,具体有八个 我们可以看到 关于销毁 app.$destroy(); 针对钩子的使用 其实,我们可以把生命钩子当做一个回调函数,只是它是自动的,在特定情况下才回执行的函数 注意:声明周期函数中不能使用 选项属性 和 箭头函数 对此,我们可以想, ...
分类:
其他好文 时间:
2018-03-24 14:29:16
阅读次数:
143
接下来,就需要对main.js App.vue 等进行操作了。 但是这就出现了一个问题:什么是main.js,他主要干什么用的?App.vue又是干什么用的?main.js 里面的import from又在干嘛?newVue({})是干嘛的?里面又需要什么参数,它到底能干什么。在网上搜了一篇博文,解 ...
分类:
移动开发 时间:
2018-03-22 19:24:10
阅读次数:
352
说明:本人也是刚接触VUE.js,作为一个学习笔记,旨在与初学者共同学习。其中编程语法错误或者写作水平刺眼,还望轻喷。 使用工具:Visual Studio Code。技术栈为vue2+vuex+axios+vue-router+mintUI 备注:Vue.js开发环境的搭建,参见window下搭建 ...
分类:
移动开发 时间:
2018-03-22 17:28:38
阅读次数:
299
整个工程的目录如下,源码下载 使用心得: 1.了解Vue的生命周期很有必要,详情参见博文Vue2.0 探索之路——生命周期和钩子函数的一些理解 2.Vuex全局状态管理真是美味不可言 state做变量存储,外部使用方法store.state.a.XX getters做变量获取,可以对变量进行“包装” ...
分类:
移动开发 时间:
2018-03-22 17:25:01
阅读次数:
313
什么是mock数据呢?很多情况下,后台的搭建比起前端来说要麻烦的多,所以,常常是前端写好了页面以后后台接口却没有写好,但是在一个项目中,接口调试确实是最浪费时间的,所以,往往前端需要自己模拟数据。 第一步:这里有一个data.json,用来放置我们模拟的数据: 其格式类似于: 但是最后具体是什么样的 ...
分类:
其他好文 时间:
2018-03-22 15:32:52
阅读次数:
145
源码地址: https://github.com/liufeiSAP/vue2-manage 我们的目录结构: 如上,基本上就是这么个情况。重要的,还是src文件夹。 SRC: main.js App.vue ...
分类:
其他好文 时间:
2018-03-19 00:35:24
阅读次数:
243
一、走起Vue2.0一、下载Vue2.0的两个版本:官方网站:http://vuejs.org/· 开发版本:包含完整的警告和调试模式· 生产版本:删除了警告,进行了压缩二、编写第一个HelloWorld代码:123456789101112131415161718192021222324<!DOCTYPE html><html lang="en&qu
分类:
其他好文 时间:
2018-03-16 12:08:36
阅读次数:
204
在我们的项目中有用到: fetch 有直接用的,也有自己封装之后用的; vue-resource 在vue1的时候使用,把方法抽象出来后,总需要往方法里传 this.$http ,感觉是个超级不爽的设计,在vue2的时候弃用; Axios 这是一个非常棒的设计,它是借用angularJs的http ...
分类:
移动开发 时间:
2018-03-14 15:53:38
阅读次数:
305
第一步 安装全局的angular-cli, npm install -g @angular/cli 或者 cnpm install -g @angular/cli@v1.0.0-rc.2 – 国内淘宝源(cnpm的安装自行搜索) 或者 yarn add global @angular/cli 第二步 ...
分类:
其他好文 时间:
2018-03-13 14:02:45
阅读次数:
3729