vue
紫竹修
一个小小小小小小小小的码农。
展开
-
vue.js原生组件化开发(一)——组件开发基础
前言vue作为一个轻量级前端框架,其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理,一个个组件即为一个个vue页面,这种叫单文件组件。我们在引用组件之时只需将组件页面引入,再注册即可使用。那么不用脚手架,如何进行组件开发呢,本文先介绍一下基础知识吧。组件使用流程1.组件构建1.1 extend构建法调用Vue.extend()方法,构建一个名字为my...转载 2018-09-26 15:46:23 · 968 阅读 · 0 评论 -
vue.js原生组件化开发(二)——父子组件
前言在了解父子组件之前应先掌握组件开发基础。在实际开发过程中,组件之间可以嵌套,也因此生成父子组件。父子组件创建流程1.构建父子组件1.1 全局注册(1)构建注册子组件//构建子组件childvar child = Vue.extend({ template: '<div>这是子组件</div>'});//注册名为'child'的组件...转载 2018-09-26 15:48:02 · 472 阅读 · 0 评论 -
export ,export default 和 import 区别 以及用法
首先要知道export,import ,export default是什么ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES...转载 2018-10-25 08:55:55 · 109 阅读 · 0 评论 -
Element 的Table组件判断当前是勾选状态还是取消勾选状态
最近有个需求,就是需要判断当前表格勾选的是选中的还是取消选中的。后来找到了个方法如下onTableSelect(rows, row) { let selected = rows.length && rows.indexOf(row) !== -1}控制台输出的值true就是选中0就是取消勾选状态。 ...原创 2018-11-13 15:40:08 · 12952 阅读 · 10 评论 -
Vue数据双向绑定 .sync
在以前我们希望组件之间实现双向绑定,即将父组件的值传给子组件,而后又在子组件中更新该值,并传递回给父组件,是比较麻烦的一件事。按照一般的方式,我们是通过在子组件中抛出一个事件,同时在父组件写一个方法接收并更新,实在是麻烦。现在有了一种更简便的方法,直接使用 .sync 来实现。如下面的代码:<db-component-demo :moduleCode.sync="modu...原创 2018-12-22 15:55:56 · 607 阅读 · 0 评论 -
子组件获取父组件对象函数封装到from 中
父组件:provide(){ return { form:this }},子组件inject: { form: { default: () => { return null } } },原创 2019-04-02 11:22:29 · 308 阅读 · 0 评论