摘要: 主要是开发环境的调试配置和构建相关,参考官方文档生产环境部署。 配置Vue.config 的相关属性。可以在启动应用之前修改下列属性: 1、取消 Vue 所有的日志与警告 Vue.config.silent = true; 2、允许 vue-devtools 检查代码。开发版本默认为 true,生产 阅读全文
posted @ 2019-03-17 12:14 中二的羊 阅读(345) 评论(0) 推荐(0) 编辑
摘要: key:用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。 常用姿势: 1、结合 v-for,有相同父元素的子元素必须有唯一key。 2、强制替换元素/组件而不是复用它。 使用场景: 完整地触发组件的生命周期钩子 触发过渡 下例中,当 text 发生改变时,<span 阅读全文
posted @ 2019-03-17 12:13 中二的羊 阅读(256) 评论(0) 推荐(0) 编辑
摘要: Vue.extend( options ): extend创建的是一个组件构造器,而不是一个具体的组件实例 使用: 1、extend常服务于Vue.component用来生成组件,这是注册全局组件,可以在任意实例的components里使用。 使用示例:全局提示组件,全局的网页底部,动态创建全局组件 阅读全文
posted @ 2019-03-17 12:09 中二的羊 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 转自:了解vue里的Runtime Only和Runtime+Compiler 扩展文章:Vue 2.0如何仅使用Runtime-only Build构建项目? 可以看到有两种版本: Runtime Only 版本 和 Runtime+Compiler 版本。 1.Runtime Only 我们在使 阅读全文
posted @ 2019-03-17 12:04 中二的羊 阅读(751) 评论(0) 推荐(0) 编辑
摘要: 在看这个之前,先去看:vue构造函数参数:选项 在单文件组件中,定义一个全局的vm变量,在created钩子函数中,将this赋值给vm,就可以在改文件中直接使用vm代理实例对象,访问实例的属性和调用方法。 属性 vm.$data:Object,对应选项“data” vm.$props:Object 阅读全文
posted @ 2019-03-17 12:03 中二的羊 阅读(516) 评论(0) 推荐(0) 编辑
摘要: 转载自文章:vue.js 组件通信精髓归纳 参考: vue组件之间8种组件通信方式总结(https://blog.csdn.net/zhoulu001/article/details/79548350) https://github.com/iview/iview/blob/2.0/src/mixi 阅读全文
posted @ 2019-03-17 12:03 中二的羊 阅读(207) 评论(0) 推荐(0) 编辑
摘要: component:用于动态组件,查看博文vue学习之组件。 transition:过渡和动画,查看官网文档进入/离开&列表过渡。 transition-group: keep-alive: Props: include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符 阅读全文
posted @ 2019-03-17 12:01 中二的羊 阅读(5305) 评论(0) 推荐(0) 编辑
摘要: 值类型: 1、表达式计算出的字符串结果或者字符串。 2、对象(表达式或者对象名,建议采用对象名) key为className,值的真假控制这个name的有无。 3、数组 一般使用对象,数组不好处理计算。 4、指令class与普通class属性共存 阅读全文
posted @ 2019-03-17 11:59 中二的羊 阅读(2124) 评论(0) 推荐(0) 编辑
摘要: 大小写 1、组件名:小写+短横线 2、事件名:小写+短横线 3、prop:html中使用小写+短横线。js中使用驼峰。 建议不使用箭头函数的场合 method,computed,watch的函数 阅读全文
posted @ 2019-03-17 11:53 中二的羊 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 指令列表 v-text:更新元素的 textContent。 如果要更新部分的 textContent ,使用 {{ Mustache }} 插值。 v-html:输出html模板 注意: 1、内容按普通 HTML 插入,不会作为 Vue 模板进行编译 ,所以里面有插值,是不会输出值的。 2、不要对 阅读全文
posted @ 2019-03-17 11:51 中二的羊 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 实例选项(即传给构造函数的options):数据,DOM,生命周期钩子函数,资源,组合,其他 数据 data 属性能够响应数据变化,当这些数据改变时,视图会进行重渲染。 访问方式: 1、通过 vm.$data 访问。 2、Vue 实例代理(以 _ 或 $ 开头的属性 不会 被 Vue 实例代理)了 阅读全文
posted @ 2019-03-17 11:50 中二的羊 阅读(6124) 评论(0) 推荐(0) 编辑