随笔分类 - vuejs
摘要:1. 使用对象的watch/unwatch方法直接监控属性的变化 1. "Object.prototype.watch()" 这个直接监控对象的属性变化,有变动直接调用对应的回调,很方便的样子,但是: 2. 新旧值对比 配置两个全局对象,一个对象保存之前的值,一个保存修改后的值,对比两个对象就能知道
阅读全文
摘要:组件交互模式的使用场景 1. 简单应用直接使用props down,event up的模式就可以了 1. 小型应用使用事件中心模式即可 1. 中大型应用使用vuex的状态管理模式 vuex 包含要管理的应用数据和更新数据的methods,其他组件使用 即可完成数据操作. 现在,你可以通过 store
阅读全文
摘要:事件中心 这个可以是一个空的全局的Vue实例,其他的组件利用这个实例emit和on自定义事件,这样组件定义了自己的事件处理方法。 事件监听和注销监听 事件监听应在根组件的created钩子函数中进行,在组件销毁前应注销事件监听 子组件的emit事件,注意这里用的window.$emit而不是this
阅读全文
摘要:父子组件之间的数据交互遵循: 1. props down 子组件通过props接受父组件的数据 1. events up 父组件监听子组件$emit的事件来操作数据 示例 子组件的点击事件函数中$emit自定义事件 父组件监听事件 父组件的methods中定义了事件处理程序 注意 多参数的传递是一个
阅读全文
摘要:v show如果使用循环对象的属性来时控制, 这个属性必须是加载时就存在的
阅读全文
摘要:vue中的ajax axios 1. "axios 简书" 1. " 使用 axios 实现 ajax 方案" 1. "VUE 更好的 ajax 上传处理 axios.js" vue.js 自2.0版本已经不对 vue resource 更新了,官方推荐使用 axios 解决方案。axios 使用了
阅读全文
摘要:在vue2的项目中是用bootstrap,提示下面的字体文件找不到 http://localhost:8080/static/fonts/glyphicons halflings regular.woff2 http://localhost:8080/static/fonts/glyphicons
阅读全文
摘要:events.js:141 throw er; // Unhandled 'error' event 这个是端口占用的问题 检查端口 或者指定非默认端口
阅读全文
摘要:过渡效果 https://cn.vuejs.org/v2/guide/transitions.html http://router.vuejs.org/zh cn/advanced/transitions.html https://github.com/vuejs/vue router/blob/n
阅读全文
摘要:使用命名路由 https://jsfiddle.net/posva/6du90epg/
阅读全文
摘要:重要特性 1. 自定义input组件 1. 动态组件 1. 递归组件 1. slot 1. 作用域slot 1. 异步组件 1. 内联模板 1. 子组件索引 进阶 1. 自定义指令 1. 状态管理vuex 1. 单文件组件 1. 生产部署 1. 路由 xxx
阅读全文
摘要:"Why Vue.js doesn't support templateURL" "Vue.js为什么不支持templateUrl模式" 原因 1. templateUrl使用ajax的方式在运行时加载template,大型应用中数量庞大的组件,以及浏览器对请求数量的限制,将导致严重的app加载性能
阅读全文
摘要:"Vue.js 2.0 独立构建和运行时构建的区别" 在使用 Vue.js 2.0 时,有独立构建(standalone)和运行时构建(runtime only)两种版本可供选择。而在 Vue.js 1.0 中,却没有这种版本区别。到底该使用哪一个版本?这让我有点懵逼的感觉。本着知其然还要知其所以然
阅读全文
摘要:https://zhuanlan.zhihu.com/p/24435564 开发vue(或类似的MVVM框架)的过程中,需要面对的主要问题有哪些?剖析vue实现原理,自己动手实现mvvm官网介绍
阅读全文
摘要:vue隐藏APP启动时显示的{{}} vue组件在编译好之前会显示{{msg}},在官网上找到这个
阅读全文
摘要:![](http://images2015.cnblogs.com/blog/213419/201607/213419-20160715174906920-1168598706.png) ![](http://images2015.cnblogs.com/blog/213419/201607/213419-20160715175017451-726828008.png)
阅读全文
摘要:vuejs学习网站推荐 https://coligo.io/
阅读全文