yanggreater的博客

在Vue中，我们都知道v-model是用来双向绑定数据的，那么它的具体工作原理是什么呢？其实v-model指令是一个prop:value和event:input组合使用的语法糖,下面是通过render函数实现的v-model效果createElement 中的domProps选项是DOM的属性，代表我创造的input输入框value值的来源,                    ...

主要思路:     　在v-table组件props接受两个参数，一个就是有多少列columns(数组),另一个就是data(数组),同时又简单的添加一个stripe是否给表格设置一个简单的样式.如下图：接下来就是render主要思想：在构造元素时，首先要构造标题(<th>)，那么就要循环父组件传来的columns数组，不断的遍历里面的对象循环显示(但是在有排序功能的需要再...

最近在简单的学习了vue之后，通过实践去理解vue的用法和它的优点。首先先简单介绍一下文件的目录components是公共的组件,里面包含cart.vue(购物车)、product.vue(list.vue文件要用到的产品公用组件)、productDetail.vue(产品详情页面)views文件是视图文件(就是list.vue主页文件)，libs下的utils是一些公共函数，rout...

在我们初学组件时，只知道调用组件的时候通过import调用组件，然后显示的通过标签去调用,通过数据驱动来决定组件的显示与否，但是在看了element-ui的源码后，我才知道可以通过注册Vue原型，全局调用组件。接下来通过代码介绍原理同样，我们需要先写一个message.vue来规定message组件显示的内容<template> <transition name="...