随笔分类 -  vue

手动搭建Vue之前奏:搭建webpack项目
摘要：手动搭建vue项目 首先你应当安装一下npm以及nodejs 安装完成后,进行如下操作: 利用IDE编写 index.html 以及 main.js (index.html) (src/assets/js/main.js) 修改package.json中scripts字段 编写./build/web 阅读全文
posted @ 2019-07-10 23:00 豆豆飞 阅读(531) 评论(0) 推荐(0)
手动搭建简单的vue项目
摘要：创建项目根目录 切换到根目录下 , 并执行 npm init , 所有选项都默认即可. 安装 webpack webpack-cli vue vue-loader 添加项目结构 添加webpack配置文件 添加构建脚本 "build":"webpack —config ./xxx/webpack.x 阅读全文
posted @ 2019-07-04 13:14 豆豆飞 阅读(281) 评论(0) 推荐(0)
自定义指令详解
摘要：可以使用Vue.directive( dir_name , {} ) 来定义全局自定义指令 也可以使用 directives{ dir_name : {} } 来定义局部自定义指令 钩子函数 : bind 只调用一次, 当指令第一次绑定在元素上时. 用来做一次性初始化操作. inserted 当绑定 阅读全文
posted @ 2019-07-04 13:13 豆豆飞 阅读(3802) 评论(0) 推荐(0)
Vue核心知识一览
摘要：生命周期 beforeCreate : 数据观测 和 初始化事件还未开始 created : 完成数据观测 , 属性和方法运算 , 初始化事件 , $el属性还没有显示出来 beforeMount : render函数 首次被调用. 完成了 编译模板 , data中数据 结合 模板 生成了html虚 阅读全文
posted @ 2019-07-04 13:12 豆豆飞 阅读(1603) 评论(0) 推荐(0)
给element的confirm加自定义指令
摘要：问题描述，因为自定义指令一般直接加在页面html标签上，但是element封装好的confirm的确认按钮没法添加自定义指令，如图： 解决办法：加个其他的隐藏标签，监听撤销事件，让其他的标签自动触发click()事件，触发自定义指令 a(style="display:none;", ref="rep 阅读全文
posted @ 2018-09-21 16:57 豆豆飞 阅读(5048) 评论(0) 推荐(0)
修改element-ui里table中悬浮框中三角号的颜色及透明度设置
摘要：.el-tooltip__popper,.el-tooltip__popper.is-dark{background:rgba(0,0,0,0.6) !important;} .el-tooltip__popper[x-placement^=top] .popper__arrow { border-top-color: rgba(0,0,0,0.4); } .el-tooltip... 阅读全文
posted @ 2018-09-11 10:15 豆豆飞 阅读(4798) 评论(0) 推荐(0)
element-ui实现自定义多个文件上传
摘要：这里强调下是：aixos是原始的，不要qs封装过的，不然不识别传值传不过去 在data里，我一般是把所有的data提出去，感觉这样方便一些 js部分： param : new FormData(), uploadImg(f){ this.param.append('files[]',f.file);//通过append向form对象添加数据 }, 在准备... 阅读全文
posted @ 2018-08-17 10:52 豆豆飞 阅读(10155) 评论(0) 推荐(0)
仿淘宝 vue
摘要：最近自己闲着无聊，用vue仿照淘宝打算写个皮囊，顺便把遇到的问题顺便记录下 阅读全文
posted @ 2018-08-14 16:16 豆豆飞 阅读(1779) 评论(0) 推荐(0)
vue仿写taobao
摘要：1、less 2、晚上整理 阅读全文
posted @ 2018-06-27 13:32 豆豆飞 阅读(296) 评论(0) 推荐(0)
vue知识点散记
摘要：1、iphone5微信浏览器里的methods里貌似不兼容 test(){} 写法，只支持test:function(){} 2、v-cloak 防止双括号的闪烁 <div id="app" v-cloak>{{test}} </div> 在style里 []v-cloak]{display:non 阅读全文
posted @ 2018-05-09 12:14 豆豆飞 阅读(129) 评论(0) 推荐(0)
vue子父组件传值
摘要：最基础的字符组件传值,简单的TODOList 1、父传 子 props 也可以理解成属性值 2、 子传父 $emit 3、监听回车事件 (1) @keyup.enter (2) @keydown="test" test(ev){if(ev.keyCode 13)} 4、因为vue是MVVM 所以几乎 阅读全文
posted @ 2018-05-08 09:20 豆豆飞 阅读(239) 评论(0) 推荐(0)
vue的computed和method的区别
摘要：(1)computed是响应式的，methods并非响应式。 (2)computed是带缓存的 (3)computed中的成员可以只定义一个函数作为只读属性，也可以定义get/set变成可读写属性，这点是methods中的成员做不到的 (4)computed是以对象的属性方式存在的，在视图层直接调用 阅读全文
posted @ 2018-04-19 11:35 豆豆飞 阅读(252) 评论(0) 推荐(0)
命名路由和命名视图
摘要：命名路由和命名视图 1）命名路由+传参 <router-link :to="{name:'test1'}">命名路由</router-link> //**注意：1、‘:to’ 既 to前必加: 2、后面的名字必须加‘’ <router-link :to="{name:'test1',params:{ 阅读全文
posted @ 2018-01-16 11:49 豆豆飞 阅读(177) 评论(0) 推荐(0)
编程式路由
摘要：编程式路由 通过js实现也面跳转 $router.push('name') $router.push({path:'name'}) $router.push({path:'name?a=123'})或者$router.push({path:'name',query:{a:123}}) $router 阅读全文
posted @ 2018-01-16 11:47 豆豆飞 阅读(244) 评论(0) 推荐(0)