Vue实现公共模板组件的封装、数据传值、方法执行等，以及实现公共模板组件自定义修改（插槽封装） |
您所在的位置：网站首页 › mac换成中文 › Vue实现公共模板组件的封装、数据传值、方法执行等，以及实现公共模板组件自定义修改（插槽封装） |
Vue实现公共模板组件的封装、数据传值、方法执行等，以及实现公共模板组件自定义修改（插槽封装）
|
公共模板组件封装目的
通过公共模板组件封装，实现公共部分业务的代码复用，减少不必要的重复开发，减轻开发工作，同时可以避免重复造轮子的尴尬。
1、公共模板组件封装 {{ myvalue.name }} {{myvalue.more}} export default { props: { myvalue: { default: {} }, }, data() { return { }; }, mounted() { }, methods: { OnS() { this.$emit('onOpen'); } }, };2、公共模板组件全局注册（main.js或者main.ts） //通过Vue.component进行全局注册 Vue.component('my-component-name', { // ... 选项 ... })3、公共模板组件的使用 插入自定义内容本文原创，原创不易，如需转载，请联系作者授权。 |
【本文地址】
今日新闻 |
推荐新闻 |