文章分类 -  Vuejs 笔记

http-proxy-middleware转发axios请求，post坑解决办法
摘要：将 放到 后面 阅读全文
posted @ 2017-08-25 14:49 涵叔 阅读(1818) 评论(0) 推荐(0)
vue 2 引入时间格式化插件moment.js
摘要：1. npm install moment --save 2. main.js import moment from 'moment' Vue.prototype.$moment = moment 之后，在其他组件当中，使用 this.$moment 阅读全文
posted @ 2017-07-28 10:35 涵叔 阅读(1104) 评论(0) 推荐(0)
vue 2 富文本编辑器
摘要：如果不考虑IE9的兼容，可以考虑用https://github.com/surmon-china/vue-quill-editor 或者兼容IE9，用https://github.com/ff755/vue-kindeditor 阅读全文
posted @ 2017-07-28 10:33 涵叔 阅读(809) 评论(0) 推荐(0)
vue 子组件向父组件传值
摘要：1. 子组件 this.$emit触发child-say事件，并向外传参this.somedata 2. 父组件 父组件利用v-on监听child-say自定义事件，并执行listenToMyBoy方法，并接收子组件传递过来的this.somedata 阅读全文
posted @ 2017-05-18 16:10 涵叔 阅读(296) 评论(0) 推荐(0)
vuex 和 axios
摘要：1. 改 想要变state的值，只能通过mutations，但是mutaions是同步执行，无法进行异步操作，比如ajax获取到数据再幅值，mutations无法实现， 只能通过actions进行异步操作取值，然后commit（提交）mutations，mutaions自动执行，改写state的值。 阅读全文
posted @ 2017-05-18 10:40 涵叔 阅读(217) 评论(0) 推荐(0)
vue-cli 服务端部署的一些细节--知乎截取
摘要：https://www.zhihu.com/question/46630687/answer/157166318 阅读全文
posted @ 2017-05-15 09:35 涵叔 阅读(143) 评论(0) 推荐(0)
vue 2 动态观察路由信息
摘要：watch: { $route: function(nVal,oVal){} } 阅读全文
posted @ 2017-05-08 10:16 涵叔 阅读(134) 评论(0) 推荐(0)
10. 过渡动画
摘要：1.给想要实现过渡效果的元素外层加transition组件 根据上图可知： vue会自动生成四个class，分别是 fade-enter,fade-enter-active,fade-leave,fade-leave-active 其中动画效果要写在激活阶段，也就是 在切换动画效果时,transit 阅读全文
posted @ 2017-03-24 21:18 涵叔 阅读(129) 评论(0) 推荐(0)
9. 组件之间的通信
摘要：1. 父组件渲染子组件 a. 在父组件中注册子组件 import ComA from '' b. 在父组件vue的实例配置 components: {ComA} c. 在父组件template内 <com-a></com-a> d. 向子组件传递数据 <com-a :add-item="listDa 阅读全文
posted @ 2017-03-24 20:43 涵叔 阅读(117) 评论(0) 推荐(0)
8. 计算数据和属性监听
摘要：1.计算属性 computed， 自定计算属性, computed对象内只能写function 计算属性内方法会随着data内isSHow的变化而自动重新计算，isShow的值没变，count不自动执行 与methods内count方法不同，methods内count方法会每次都执行 2. 属性监听 阅读全文
posted @ 2017-03-24 17:41 涵叔 阅读(122) 评论(0) 推荐(0)
7. 表单事件绑定
摘要：1. 输入框 2. 单选 3.多选 myVal是数组[] 4. select 如何模拟select？怎样实现自定义组件 思路： 1.在父组件当中引入v-select子组件 2.配置父组件vue的实例选项 3.数据在父组件当中，传递给子组件 4. 子组件接收options数据 5. html代码，on 阅读全文
posted @ 2017-03-24 17:24 涵叔 阅读(137) 评论(0) 推荐(0)
6. 事件绑定-内置事件绑定和自定义事件绑定
摘要：1.内置事件绑定 v-on -> @ 2. 自定义事件绑定 在父组件当中 methods: 如何触发自定义事件？ 在子组件uSlide当中 点击button，执行emitAddItem 阅读全文
posted @ 2017-03-24 17:01 涵叔 阅读(226) 评论(0) 推荐(0)
5. 标签属性
摘要：1. 绑定html标签的属性 v-bind 简写 :href , :title , :class v-bind是动态绑定，改变url，Title，redColor的值，自动更新到视图 阅读全文
posted @ 2017-03-24 16:40 涵叔 阅读(85) 评论(0) 推荐(0)
4. 更新列表数据
摘要：1.方法一,添加新数据 2.方法二，更改列表某一项值 Vue.set(要更新的列表, 更新第几项, 要更新的数据) 阅读全文
posted @ 2017-03-24 16:34 涵叔 阅读(116) 评论(0) 推荐(0)
3. v-text vs v-html
摘要：v-text原样输出，不解析html，会当成字符串 v-html会解析html代码 阅读全文
posted @ 2017-03-24 16:26 涵叔 阅读(135) 评论(0) 推荐(0)
2. 组建的注册与引入
摘要：1.注册 2. 引用 a.在模版当中<my-header></my-header> b.在vue实例化配置当中引入components 阅读全文
posted @ 2017-03-24 16:14 涵叔 阅读(121) 评论(0) 推荐(0)
1. vue实例生命周期
摘要：vue在实例化的过程当中，提供了以下钩子，在钩子方法内可以进行业务逻辑处理。 1. 实例化vue new Vue() 2.beforeCreate 创建之前 检查数据和初始化事件 3.created 实例创建完毕 4.beforeMounte 挂在之前 数据更新-》beforeUpdate-》数据渲 阅读全文
posted @ 2017-03-24 00:32 涵叔 阅读(190) 评论(0) 推荐(0)