2020 年 1月文章档案 - cculin

摘要：组件通信之事件总线 1. 事件总线bus 使用全局事件总线，完成非父子组件之间的传值：阅读全文

posted @ 2020-01-24 14:14 cculin 阅读(99) 评论(0) 推荐(0)

摘要：组件实战 1. 数字输入框组件定义目录： index.html 入口页 input number.js 数字输入框组件 index.js 根实例功能分析：数字输入框只能输入数字，而且有两个快捷键，可以直接加一减一可以设置初始值、最大值、最小值在数值改变时，触发一个自定义事件来通知父组件代阅读全文

posted @ 2020-01-23 12:17 cculin 阅读(560) 评论(0) 推荐(0)

08-Vue基础-组件详解

摘要：组件基础 1. 组件复用组件可以全局注册，也可以局部注册。全局注册后，任何实例都可以使用，如下所示： javascript Vue.component("my component", { template: ` hello ` }); 是组件名，下一个参数是组件的一些选项参数，包含模板，还可以阅读全文

posted @ 2020-01-22 16:29 cculin 阅读(124) 评论(0) 推荐(0)

07-Vue基础-表单控件

摘要：表单控件 1. 表单控件的基本使用使用在表单控件上进行双向数据绑定，什么是双向数据绑定呢？即表单输入的数据改变会影响绑定的变量的数据，绑定的数据的变量的改变会影响表单的数据改变。例如：单选按钮控件当选择的值改变时，跟着改变，而且会选中当前项。单选按钮绑定值：复选框选择列表： 2. 修阅读全文

posted @ 2020-01-22 09:43 cculin 阅读(110) 评论(0) 推荐(0)

06-Vue基础-购物车实战

摘要：购物车实战 1. 商品列表商品信息：商品名称商品单价购买数量操作信息 2. 购物车功能功能：购买数量可以增加和减少每种商品可以从购物车移除代码规划： index.html (引入资源以及模板) index.js (Vue 实例以及业务逻辑) style.css (样式) 3. 开发阅读全文

posted @ 2020-01-20 18:18 cculin 阅读(131) 评论(0) 推荐(0)

05-Vue基础-基本指令

摘要：基本指令 1. 条件渲染指令指令中的条件渲染指令有、`v else if v else true`时，指令就会进行渲染：、`v else` 注意：属性保证了元素唯一，不会被复用的用法基本和一致，只不过是改变元素的样式属性。当的表达式结果为时，元素会隐藏，查看会看到在元素上加载阅读全文

posted @ 2020-01-20 17:11 cculin 阅读(84) 评论(0) 推荐(0)

04-Vue基础-css和内联样式绑定

摘要：v bind 及 class 与 style 绑定 1. 绑定 class 的集中方式 1.1. 对象语法给设置一个对象，可以动态切换。例如：示例中，类名依赖数据，当的值为时，标签会拥有类，否者没有。最终渲染效果如下：对象中也可以传入过个属性，可以动态切换。此外，可以与普通阅读全文

posted @ 2020-01-20 12:33 cculin 阅读(369) 评论(0) 推荐(0)

03-Vue基础-计算属性

摘要：Vue 计算属性 1. 计算属性简介在模板中，使用插值方式可以绑定数据可表达式，但是表达式太长，会让模板过重且难以维护。例如：在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时，就会更加难以处理。所以阅读全文

posted @ 2020-01-19 18:07 cculin 阅读(117) 评论(0) 推荐(0)

02-Vue基础-Vue基本特性

摘要：Vue 的一些特性 1. 生命周期函数每个实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到并在数据变化时更新等。同时在这个过程中也会运行一些叫做的函数，我们可以利用这些钩子，在合适的时机执行我们的业务逻辑。 1.1. 生命周期实例比如钩子可以用阅读全文

posted @ 2020-01-19 15:47 cculin 阅读(155) 评论(0) 推荐(0)

01-Vue基础-初识Vue

摘要：简介是一个简单小巧的核心，是一套用于构建用户界面的渐进式框架。简单小巧是指压缩后大小仅有17KB。渐进式是指可以一步步、有阶段性地使用。学习需要掌握一定的前端技术，比如、`CSS JavaScript`。 1. 特点使用可以让开发变得简单，同时提供一些现代开发的高级特性：解耦视阅读全文

posted @ 2020-01-18 21:36 cculin 阅读(107) 评论(0) 推荐(0)