![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Dong.YI
Learn once,write anywhere.
展开
-
vue.js+muse-ui制作在线简历编辑
实现一个在线个人简历编辑器,实现在线编辑,生成简历图片,运用到技术:1.vue.js 2.webpack 3.muse-ui(https://museui.github.io) 4.html2canvas.js(用来将html生成图片);已经开发好的项目目录如下:然后是我的简历整体效果(利用组件的思想,这里每个模块就是一个组件,有些模块一样,可以进一步改善,这里我暂时没有)一. 搭建vue项目原创 2017-03-14 16:44:11 · 16689 阅读 · 3 评论 -
vue.js创建项目
使用vue-cli搭建项目前期准备1.要求已安装Node.js (>=4.x, 6.x preferred) and Git 2.webpack一. 安装全局vue-clinpm install vue-cli -g二.创建项目1.我在我的桌面创建一个文件夹myFirst,为了方便寻找,然后在该文件夹下vue init webpack my-vue2.到我们my-vue文件夹下,安装项目的依赖np原创 2017-02-17 14:22:17 · 1190 阅读 · 0 评论 -
vue.js 2.0和vue-router入门实例
自学vue.js的旅程中,没有实际项目可以操作,模仿APP一些简单的操作,所以自己边学边做了一个移动端的小实例 用到的技术:1.vue.js 2.vue-router 3.axios 4.vue-awesome-swiper 5.webpack项目的结构可以理解为两部分,一部分Home,一部分为Detail: 1.Home下有4个组件,就是底部4个模块,点击每个菜单选项,会加载相应的内容原创 2017-03-22 22:30:58 · 4494 阅读 · 1 评论 -
vue.js+vue-awesome-swiper轮播
一般做移动端轮播图的时候,最常用的就是Swiper插件了,而vue.js也有一个轮播组件vue-awesome-swiper,用法跟swiper相似。1.安装vie-awesome-swipernam install vue-awesome-swiper --save-dev2.引用vie-awesome-swiper组件,这里我是用vie-cli创建的项目,在main.js:import VueA原创 2017-03-17 14:09:13 · 4724 阅读 · 0 评论 -
vue.js获取数据库数据
vue.js动态获取数据(通过vue.cli和webpack搭建的环境)1.首先我先在创建一个静态的data.json文件,在static下创建json文件夹,(webpack环境下,静态的文件放在static目录下){ "data":[ {"id":1,"name": "yidong", "age": "11" }, {"id":2,"name": "yid原创 2017-03-08 15:22:18 · 30322 阅读 · 3 评论