chaihongjun.me

【今日新文】7种方法在Vue.js中定义组件模板

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

最新发布第1页

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

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

柴宏俊阅读(50)vuejsdevelopers.com

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

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

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

柴宏俊阅读(200)chaihongjun.me

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

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

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

柴宏俊阅读(192)chaihongjun.me

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

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

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

柴宏俊阅读(72)chaihongjun.me

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

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

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

柴宏俊阅读(125)chaihongjun.me

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

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

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

柴宏俊阅读(65)chaihongjun.me

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

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

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

柴宏俊阅读(52)chaihongjun.me

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

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

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

柴宏俊阅读(156)chaihongjun.me

Vue的组件化开发涉及父子组件之间的数据传递,这一节介绍的的是父组件向子组件传值的方法。什么样的情况下会出现父组件传值给子组件?因为一个父组件可以有N多个子组件,因此当...