随笔分类 -  vue.js

随笔
摘要:先使用vue cli构建一个自己的vue项目 1.npm i -g vue-cli 2.vue init webpack sell (sell是你的项目名) 3.一路回车(在这个过程中会提示你是否安装一些依赖包,比如vue-router,es6语法检查等等,这些根据你个人习惯或者癖好选择Y/N) 4 阅读全文
posted @ 2017-07-04 12:49 豆浆油条123 阅读(12344) 评论(0) 推荐(0) 编辑
摘要:推荐使用npm安装 1.安装:npm install element-ui -S 2.整体引入: 在你项目的main.js中写入: import ElementUI from 'element-ui' import 'element-ui/lib/theme-default/index.css' V 阅读全文
posted @ 2017-06-01 15:17 豆浆油条123 阅读(16316) 评论(2) 推荐(0) 编辑
摘要:1.下载包:npm install vuedraggable 配置:package.json 2.在你的组件中引进依赖: import draggable from 'vuedraggable' 3.注册:draggable这个组件 components: { draggable }, compon 阅读全文
posted @ 2017-06-01 15:04 豆浆油条123 阅读(52909) 评论(6) 推荐(2) 编辑
摘要:vue中路由的简单实用 1.路由的简单配置 2.路由的跳转 注意:在vue@1.x中路由是由v-link来改变路由的,但是在vue@2.x中我们使用router-link 组件来导航.我们需要做的是,将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染 阅读全文
posted @ 2017-05-30 22:03 豆浆油条123 阅读(209) 评论(0) 推荐(0) 编辑
摘要:在实际项目中,我们进场会遇到鼠标点击该表某个DOM元素的样式,在原生的js或者jquery中,我们会比较熟练的实现这个需求,但是在vue中怎么实现呢? 直接操作DOM?NO!NO! 既然我们的项目使用了vue,为什么还有本末倒置的操作DOM呢,你只要记住vue的核心是什么,这个就容易实现了,比我们操 阅读全文
posted @ 2017-05-30 17:15 豆浆油条123 阅读(18955) 评论(2) 推荐(3) 编辑