随笔分类 - vue
摘要：主要是开发环境的调试配置和构建相关，参考官方文档生产环境部署。 配置Vue.config 的相关属性。可以在启动应用之前修改下列属性： 1、取消 Vue 所有的日志与警告 Vue.config.silent = true; 2、允许 vue-devtools 检查代码。开发版本默认为 true，生产
阅读全文
摘要：key：用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。 常用姿势： 1、结合 v-for，有相同父元素的子元素必须有唯一key。 2、强制替换元素/组件而不是复用它。 使用场景： 完整地触发组件的生命周期钩子 触发过渡 下例中，当 text 发生改变时，<span
阅读全文
摘要：Vue.extend( options )： extend创建的是一个组件构造器，而不是一个具体的组件实例 使用： 1、extend常服务于Vue.component用来生成组件，这是注册全局组件，可以在任意实例的components里使用。 使用示例：全局提示组件，全局的网页底部，动态创建全局组件
阅读全文
摘要：转自：了解vue里的Runtime Only和Runtime+Compiler 扩展文章：Vue 2.0如何仅使用Runtime-only Build构建项目？ 可以看到有两种版本： Runtime Only 版本 和 Runtime+Compiler 版本。 1.Runtime Only 我们在使
阅读全文
摘要：在看这个之前，先去看：vue构造函数参数：选项 在单文件组件中，定义一个全局的vm变量，在created钩子函数中，将this赋值给vm，就可以在改文件中直接使用vm代理实例对象，访问实例的属性和调用方法。 属性 vm.$data：Object，对应选项“data” vm.$props：Object
阅读全文
摘要：转载自文章：vue.js 组件通信精髓归纳 参考： vue组件之间8种组件通信方式总结（https://blog.csdn.net/zhoulu001/article/details/79548350） https://github.com/iview/iview/blob/2.0/src/mixi
阅读全文
摘要：component：用于动态组件，查看博文vue学习之组件。 transition：过渡和动画，查看官网文档进入/离开&列表过渡。 transition-group： keep-alive： Props： include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符
阅读全文
摘要：值类型： 1、表达式计算出的字符串结果或者字符串。 2、对象（表达式或者对象名，建议采用对象名） key为className，值的真假控制这个name的有无。 3、数组 一般使用对象，数组不好处理计算。 4、指令class与普通class属性共存
阅读全文
摘要：大小写 1、组件名：小写+短横线 2、事件名：小写+短横线 3、prop：html中使用小写+短横线。js中使用驼峰。 建议不使用箭头函数的场合 method，computed，watch的函数
阅读全文
摘要：指令列表 v-text：更新元素的 textContent。 如果要更新部分的 textContent ，使用 {{ Mustache }} 插值。 v-html：输出html模板 注意： 1、内容按普通 HTML 插入，不会作为 Vue 模板进行编译 ，所以里面有插值，是不会输出值的。 2、不要对
阅读全文
摘要：实例选项（即传给构造函数的options）：数据，DOM，生命周期钩子函数，资源，组合，其他 数据 data 属性能够响应数据变化，当这些数据改变时，视图会进行重渲染。 访问方式： 1、通过 vm.$data 访问。 2、Vue 实例代理（以 _ 或 $ 开头的属性 不会 被 Vue 实例代理）了
阅读全文
摘要：本文涉及的slot有：<slot>，v-slot吗，vm.$slots，vm.$scopedSlots 废弃的使用特性：slot，slot-scope，scope（使用v-slot，2.6.0）。 <slot>为vue的内置标签：用于给组件定义一个插槽，在这个插槽里传入内容（可以是模板代码或者组件）
阅读全文
摘要：仅用于以下控件： <input> <select> <textarea> 组件 v-model以Vue 实例的数据作为数据来源，应当在组件的 data 选项中声明初始值，之后通过监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 在表单控件上使用v-model v-model根据不同的
阅读全文
摘要：vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现。 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护。 resource请
阅读全文
posted @ 2019-02-17 13:10
中二的羊
摘要：created时，可用data和prop中的数据。 computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。 最后是mouted，可使用前面的数据，并且此时才可以操作dom。 watch不会再创建阶段自动执行，除了添加立即执行这个配置项。 加载顺序： 在官方文档中，强调了
阅读全文
摘要：HTML5提供的新标签，具有以下特性： 1、该元素天生display:none，同时模板元素内部内容也是隐藏的 2、位置任意，可以在<head>中，也可以在<body>或者<frameset>中。 3、获取template.childNodes是空，想获取里面的伪子元素，使用template.con
阅读全文
摘要：参考文章：Vue2.0 探索之路——生命周期和钩子函数的一些理解 抛出问题： 我们有时候会在几个钩子函数里做一些事情，那么什么时候做，该在哪个函数里做？ 生命周期简介 结合代码看el 和 data以及{{message}}在各钩子函数触发时的变化： ps:下面代码可以直接复制出去执行： 激动人心的时
阅读全文
摘要：路由文档：https://router.vuejs.org/zh/guide/ 使用vue做spa应用的话，一定会涉及到路由。 安装 安装router插件 router的基本使用步骤 引入router插件——>配置路由——>实例化路由——>根实例注册路由——>页面挂载路由节点 router.js编写
阅读全文
摘要：组件从注册方式分为全局组件和局部组件。 从功能类型又可以分为偏视图表现的(presentational)和偏逻辑的（动态生成dom），推荐在前者中使用模板，在后者中使用 JSX 或渲染函数动态生成组件模板内容，整体来说表现类的组件远远多于逻辑类组件。 定义组件 注意：组件名最好使用全小写加短横线，即
阅读全文
摘要：父组件通过props传数据到子组件，子组件通过事件回传数据给父组件，那么几个不相关的组件想共享一个数据，就可以用到vuex。 概念 state 存放要共享的数据。在组件中，state的属性没有直接放在组件的data部分，一般是在computed里，依赖于state属性的改变而更新页面数据。 muta
阅读全文
浙公网安备 33010602011771号