随笔分类 - Vue
摘要：父组件调用子组件的方法 方法一：$children，根据下标获取子组件（不推荐） <!--父组件模板--> <div id="app"> <cpn></cpn> <cpn2></cpn2> <button @click="btn">点击</button> </div> <!--子组件模板--> <t
阅读全文
摘要：父组件向子组件传递数据 定义父子组件的模板 <!--父组件模板--> <div id="app"> <!--把父组件的msg和str，传给组件cmsg和cstr--> <cpn :cmsg="msg" :cstr="str"></cpn> </div> <!--子组件模板--> <template
阅读全文
摘要：组件是可复用的 Vue 实例，我们只需要调用就可以了。 创建组件 方法一：通过extend创建组件（不推荐） <div id="app"> <h2>全局组件</h2> <my-cpn></my-cpn> <h2>局部组件</h2> <cpnc></cpnc> </div> // 1.创建组件构造器对
阅读全文
摘要：简介 早期的javascript版本没有块级作用域、没有类、没有包、也没有模块，这样会带来一些问题，如复用、依赖、冲突、代码组织混乱等，随着前端的膨胀，模块化显得非常迫切。 模块就是一个实现特定功能的文件，有了模块我们就可以更方便的使用别人的代码，要用什么功能就加载什么模块。 模块化开发的四点好处：
阅读全文
摘要：Vue本身是一款非常优秀的前端框架,通过简洁的API提供高效的数据绑定和灵活的组件系统,其核心思想是 “数据驱动的组件系统”。Vue在进行进行插值处理和 绑定表达式时使用了一种叫Mustache模版引擎。Mustache是常见的Web模板引擎中的一种 Vue的常用指令 1、v-once：元素或组件只
阅读全文
摘要：由于 JavaScript 的限制，Vue 不能检测以下数组的变动： （1）当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue （2）当你修改数组的长度时，例如：vm.items.length = newLength 为了解决第一类问题，我列出了
阅读全文
摘要：绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。 用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。 示例： <!-- 方法处理器 --> <button v-on:click="doThi
阅读全文
摘要：现在很多网站，都是希望动态切换class，更换css样式。下面我们使用Vue的v-bind绑定class v-bind动态绑定class 对象语法绑定（常用） red和size的值为true就在class显示red和size，false就不显示。下面有两种写法： <style> .red{ colo
阅读全文
摘要：最近做购物车时，遇到了浮点型乘除法无法精确计算，涉及到产品价格的计算，经常会出现JS浮点数精度问题，这个问题，对于财务管理系统的开发者来说，是个非常严重的问题（涉及到钱相关的问题都是严重的问题），这里把相关的原因和问题的解决方案整理一下，也希望给各位提供一些参考。 一. 常见例子 // 加法 0.1
阅读全文
浙公网安备 33010602011771号