随笔分类 - vue
记录vue自己学习的路程
摘要：序 Slot插槽 插槽就是父组件往子组件中插入一些内容。 有三种方式，默认插槽，具名插槽，作用域插槽 默认插槽就是把父组件中的数据，显示在子组件中，子组件通过一个slot插槽标签显示父组件中的数据 具名插槽是在父组件中通过slot属性，给插槽命名，在子组件中通过slot标签，根据定义好的名字填充到对
阅读全文
摘要：1.子组件传值 $emit是把子组件的值传递于父组件 2.实例代码 点击查看详细内容 <template> <div> <button @click="datas"></button> </div> </template> <script> export default { methods: { d
阅读全文
摘要：序 组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件，而且是所有组件的根组件。 示例代码 <!DOCTYPE html> <h
阅读全文
摘要：序 实现简单的增删改查案例 实现效果 源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> th { background-color: yellow; } #pop{ position:
阅读全文
摘要：序 实现了之前代码的删除功能，并加入了对于复选框的全选，全不选，反选等功能 示例代码 展开查看 .item { margin-top: 10px; width: 350px; height: 120px; line-height: 100px; border-bottom: 1px solid #9
阅读全文
摘要：序 实现了之前代码的删除功能，并加入了对于复选框的全选，全不选，反选等功能 示例代码 展开查看 {{i.text}}X 香蕉 苹果 芒果 芭乐 全选 全不选 反选 {{showfruit()}} 运行效果
阅读全文
摘要：序 简单讲解v-model双向数据绑定的使用,过于简单就不写描述啦，看代码，工具是HBuilder X 示例 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js"
阅读全文
摘要：序 什么语法都无法逃脱分支，循环，Vue的循环什么样记录下 示例效果 示例代码 展开查看 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text
阅读全文
摘要：序 v-if如果是false就不生成，v-show如果是false会生成display:none样式的元素。那v-show在什么场景嘞？在隐藏时候用 实例代码 CLICK ME <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title
阅读全文
摘要：一、生命周期钩子函数 （1）beforeCreate（） 实例创建前触发 （2）created（） 实例创建完成， （3）beforeMount（） 模板渲染前，可以访问数据，模板编译完成，虚拟DOM已经存在 （4）mounted（） 模板渲染完成，可以拿到DOM节点和数据 （5）beforeUpd
阅读全文
摘要：序 直接看代码，v-bind的使用，数据类型的转换 示例代码 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>avgScore</title> <script src="js/vue.js" type="tex
阅读全文
摘要：序 在实例vue对象时候，可以选择使用computed来完成计算,mvvm是mode，view，viewmode实现数据的双向绑定，这也体现其的便捷性。 示例代码 点击查看代码 <div id="app"> <input type="text" v-model="bookNum" /> <br />
阅读全文
摘要：#序 1.Vue是什么？ Vue是一套用于构建用户界面的渐进式框架，响应式系统，自底向上逐层应用 2.开始语法入门 本来要下好多东西的，但是刚刚开始学所以跟老师走 点击查看代码 <html> <head> <meta charset="utf-8" /> <title></title> <scrip
阅读全文
