chaihongjun.me

Vue兄弟组件之间传递数据的方法

Vue兄弟组件之间传递数据的方法

柴宏俊chaihongjun.me

官方教程里有分别介绍父子组件之间的传值方式,其中父组件向子组件传值方式是通过子组件的props属性接收数据完成,父组件模板内向子组件标签绑定的...

vue实例和vue组件有什么不同

vue实例和vue组件有什么不同

柴宏俊chaihongjun.me

经过Vue组件的学习,发现Vue组件和我们new Vue实例化的对象有些相似以及不同的地方。 首先相同的地方: 通过new实例化Vue实例对象的时候传入的参数是一个...

7种方法在Vue.js中定义组件模板

7种方法在Vue.js中定义组件模板

柴宏俊vuejsdevelopers.com

在Vue中定义组件模板大致有如下七种不同的方式: 字符串 模板字面量 x-Template 内联模板 render方法 JSX SFC 单文件组件 比较常用的是第一,第二,第三和第七...

[Vue]入门学习之二十三Vue的侦听器

[Vue]入门学习之二十三Vue的侦听器

柴宏俊chaihongjun.me

选项watch和computed都是有监听能力,但是细微之处的差异可以总结为两点: computed 会返回一个新的状态,watch只是只是一个观察动作。 watch 只是观察一个“对...

[Vue]入门学习之二十二Vue的自定义指令

[Vue]入门学习之二十二Vue的自定义指令

柴宏俊chaihongjun.me

Vue2.0代码复用和抽象主要是组件形式,有时候还是需要对DOM进行一些操作,因此自定义指令是一个不错选择。自定义指令的注册方式和组件类似,有分为全...

[Vue]入门学习之二十一Vue的插槽slot

[Vue]入门学习之二十一Vue的插槽slot

柴宏俊chaihongjun.me

Vue的slot插槽,可以从字面意思来了解用途,占用占坑的意思,既然是占坑肯定是先占坑后面有其他具体的内容来替换代替。根据slot的应用场景可以分为匿...

[Vue]入门学习之二十Vue的全局API-extend

[Vue]入门学习之二十Vue的全局API-extend

柴宏俊chaihongjun.me

Vue的全局API里面有两个东东比较容易混淆,component和extend。首先给出定义,component是用来声明注册或者获取组件的。Vue组件是实例,带一堆Vue给的选项的实...

[Vue]入门学习之十八Vue的路由初识

[Vue]入门学习之十八Vue的路由初识

柴宏俊chaihongjun.me

通过@vue/cli脚手架构建demo: //main.js//脚手架入口文件//初始化Vue和路由等实例,以及加载需要的插件等等importVuefromvue//导入最顶层的父组件app.vueimportAppfrom....

[Vue]入门学习之十七Vue的子组件向父组件传值

[Vue]入门学习之十七Vue的子组件向父组件传值

柴宏俊chaihongjun.me

!--父组件--templatedivid=app!--//******3.在父组件模板内以标签形式引用子组件//******4.并同时通过v-bind传递父组件的数据给子组件子组件接收的属性可以自定义名...