Vue框架最重要的知识点:组件化开发

2020-09-02 17:43 YWYF

 扫码分享

局部组件和全局组件在于注册方式纷歧样:

通过Vue的component方法来注册一个全局组件参数为组件名和对应组件。

谢谢你的寓目。

首先增补两个知识点:盘算属性和监控。 再学一下vue中的组件化开发包罗全局、局部组件以及父子组件之间的通信。 最后关于组件框架后续在项目中遇到详细的需求再做说明。

可是这样的话表达式内容很长就会显得不够优雅而且后期维护起来也不利便。

学习计划摆设如下:

各个组件之间以嵌套的关系组合在一起那么这个时候不行制止的会有组件间通信的需求。

①转换毫秒值为日期

现在界说监控时person是一个工具而且要指定两个属性:

在上述例子中也就是msg这个参数。

②转换日期花样

getFullYear():获取日期中的年份。 getMonth():获取日期中的月份注意:美国人月份是从0月开始的所以需要+1. getDate():获取日期中的每月的第几天。 getDay():获取每个星期的第几天注意:和getDate()不要弄混淆了。

同时也可以通报参数给父组件在自界说事件触发的方法中以参数的形式接受。

最后

②hanleclick方法中通过this.$emit()可以触发父组件中的事件:

既然是方法肯定要有返回值页面渲染时可以把这个方法当成一个变量来使用。

这样的利益在于只需要使用一次盘算属性那里需要用该数据直接引用就好了。

该通信实现起来很是的长我们离开说明:

需求:有一个日期的数据可是是毫秒值将其转换成日期花样并在页面输出。

如果可以的话贫苦帮助点个赞谢谢你。

①+号是子组件counter中对应的html点击按钮触发hanleclick方法。

将name属性和对话框绑定并在对应页面绑定name值然后在浏览器中测试页面上数据会随着对话框中输入值的变化而变化。

v1表现当前监控的值。 v2表现上一次监控的值。

如果监控的是一个工具需要举行

分享到: QQ空间 新浪微博 腾讯微博 人人网 微信

官网亚博平台  官网亚博平台  官网亚博平台  官网亚博平台  bob体育app下载
返回顶部