随笔分类 -  vueJs

vue发送邮件页面
摘要：<template> <div class="modal-email" transition="modal"> <div class="modal-email-wrapper"> <div class="modal-email-container"> <div class="modal-email- 阅读全文
posted @ 2017-05-03 08:38 吃草的虾米 阅读(2825) 评论(0) 推荐(0)
vue2.0新增和废除
摘要：新增： 全局配置 Vue.config.errorHandler:它是一个全局钩子函数。当组件渲染时遇到未处理的异常，会调用这个函数，默认会输出错误堆栈信息 Vue.config.keyCodes:它提供了对v-on指令按键修饰符自定义key别名的配置 全局API Vue.compile:它的功能是 阅读全文
posted @ 2017-04-25 09:05 吃草的虾米 阅读(913) 评论(0) 推荐(0)
关于vue工作中遇到的小坑
摘要：前提项目是用脚手架工具生成的，项目用到的技术是vue webpack 和scss 1.引用定义组件的时候需要注意的点 import button from '../../components/button/Button' //在引用组件时，不要用html关键字作为名字，这样在解析的时候它会当成htm 阅读全文
posted @ 2017-04-06 15:57 吃草的虾米 阅读(2468) 评论(0) 推荐(0)
vue界面初始化查询列表的方法之购物车案例-------支付界面
摘要：new Vue({ el:".container", data:{ addressList:[]， limitNum:3, currentIndex:0, //用于选择地址，调用:class="{'check':index==currentIndex}" @click="currentIndex=i 阅读全文
posted @ 2017-04-03 19:08 吃草的虾米 阅读(1867) 评论(0) 推荐(0)
vue界面初始化查询列表的方法之购物车案例
摘要：var vm = new Vue({ el:"#app", data:{ totalMoney:0, productList:[], checkAllFlag:false ， delFlag：false delOneProduct:[], }, filters:{ //局部过滤器 ，调用方法{{nu 阅读全文
posted @ 2017-04-03 18:20 吃草的虾米 阅读(642) 评论(0) 推荐(0)
vue官方文档阅读笔记，以下笔记包含vue1和2，不能完全保证有些语法可用
摘要：1.给组件绑定原生事件 <my-component @click.native="doThis"></my-component> 2.slot 最初在slot标签中的任何内容都被视为备用内容。备用内容在子组件的作用域内编译，并且只有在宿主元素为空，且没有要插入的内容时才显示备用内容。 a.单个slo 阅读全文
posted @ 2017-04-01 13:33 吃草的虾米 阅读(198) 评论(0) 推荐(0)
vue路由vue-router
摘要：1.同步路由 a.引入你想跳转的文件 import payment from './app/payment' b.在路由里配置你的页面 可以在路由中设置多段路径参数，对应的值会设置到$route.params中 当两个路由使用同一组件的时候，切换时原来的组件实例会被复用。因为两个路由都渲染同个组件， 阅读全文
posted @ 2017-03-31 18:00 吃草的虾米 阅读(336) 评论(0) 推荐(0)
关于vue的组件-------我是初学者
摘要：1.将界面上比较独立的功能块拆分成组件（组件一般包括vue文件，css文件和js文件） 2.引入组件的方法：import totalPrice（该名字为自定义的名字，可以随便起） from '../../components/totalPrice' 3.使用组件的方法：<totalPrice></t 阅读全文
posted @ 2017-03-30 21:40 吃草的虾米 阅读(524) 评论(0) 推荐(0)