随笔分类 - Vue框架学习与整理
摘要：https://learning.dcloud.io/#/?vid=15
阅读全文
摘要：过程较为复杂，这里直接写出视频地址，可以直接查看 https://learning.dcloud.io/#/?vid=14
阅读全文
摘要：采用局部注册组件： 将代码放在vue的一个实例中，而不是单列申明。
阅读全文
摘要：组件：可以复用的实例。使用 v-component来实现 2.通过props属性添加相应的属性，并且在模板中渲染 当模板中包含多个组件时，则需要用一个div来包裹起来。如下： 可以将原来的的点击事件，写成一个函数，这样可以执行更多的功能。 在子类中通过 emit来触发父类中的一个函数，如下： 主程序
阅读全文
摘要：text：将输入框等表单，通过data变量实现数据绑定。 textbox：数据绑定 3.checkbox和redio组件： 注意：data数据变量中，checkbox有可能会有多个结果，所以用数组： 4：可以通过设置提交按钮来实现数据的提交： 或是通过设置数组变量，一起收集所有控件上的内容。
阅读全文
摘要：采用v-on命令进行事件的绑定操作，通过单击按钮，实现按钮文字上数值的增加 带参数的事件过程 可以添加$event事件，实现事件信息的获取
阅读全文
摘要：简单的v-for结构显示迭代数据 通过value别名 显示下面各个属性值 通过index 和key获取同类数组索引，或者不同属性的key属性名
阅读全文
摘要：在Vue中使用v-if等条件实现条件的判断来实现对象的显示。 也可以采用 v-show条件来实现对象的显示。
阅读全文
摘要：1.v-bind：class：绑定class样式。通过控制isActive变量值来实现是否显示；通过.active样式设置背景颜色。 2.支持普通的class与v-bind绑定样式混合使用； v-bind中支持多个动态样式，例如增加一个green:isGreen动态样式；下面style中添加相应的样
阅读全文
摘要：1.通过v-if实现对条件的判断和执行； 2.通过v-bind:href实现对url地址的绑定，其中url写在data中； 3.通过@click="click1"实现点击事件，其中click1写在methods中； 4.通过@click.stop="click2"实现对点击的停止控制，意味着该点击完
阅读全文
摘要：在vue中使用函数对字符串做相应的处理： split：分割字符，将每个字符分割为一个数组值； reverse：将字符进行逆序排序； join：将字符连接； 最终输出结果。
阅读全文
摘要：可在vue中运用js表达式，完成数据的运算（包括三元运算）、比较等操作。
阅读全文
摘要：通过v-bind实现Class 与 Style 绑定，方便调整属性的值
阅读全文
摘要：可以在数据绑定中使用html标签，这样在变量里可以使用html标签输出结果，如下所示：
阅读全文
摘要：v-once可以使得数据绑定只绑定一次，后期不会再改变，如下图所示：
阅读全文
摘要：在vue执行过程中，可以分为beforeCreate、created、BeforeMount、mounted 、BeforeUpdate、updated 等常用的方法，如下图所示。 除此之外，通过查看官方文档，还有若干的生命周期方法： https://cn.vuejs.org/v2/api/
阅读全文
摘要：如下图所示：vue中，可以使用$watch方法显示变量的前面值和当前值，方便进行判断。使用方法：
阅读全文
