我是靠谱客的博主 想人陪大米,最近开发中收集的这篇文章主要介绍vue 公用页面引用_.html页面引入vue并使用公共组件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

问题描述:

整体项目采用传统 .html 文件搭建,vue仅作为渲染数据工具使用,需要使用的地方使用

现有数个页面,每个页面都包含相同 header 和 footer ,希望可以把 header 和 footer 提取出来,避免太多重复代码。

解决办法

公共部分写在 .js 文件里,本质就是在当前页面中写的公共组件,组件规则遵从vue的组件规则。

template后面可以采用字符串拼接(内容少),或者是使用 `定义模板字符串。

目录结构:

—test

——header.js //公共头部

——index.html //页面

——vue.js

index.html

test

我是内容

最后

以上就是想人陪大米为你收集整理的vue 公用页面引用_.html页面引入vue并使用公共组件的全部内容,希望文章能够帮你解决vue 公用页面引用_.html页面引入vue并使用公共组件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(68)

评论列表共有 0 条评论

立即
投稿
返回
顶部