当前位置: 首页> 财经> 金融 > 东莞网上招聘平台有哪些_洛阳自助建站_河北网站seo地址_平台推广是做什么

东莞网上招聘平台有哪些_洛阳自助建站_河北网站seo地址_平台推广是做什么

时间:2025/7/12 2:00:49来源:https://blog.csdn.net/m0_74217128/article/details/147057801 浏览次数:0次
东莞网上招聘平台有哪些_洛阳自助建站_河北网站seo地址_平台推广是做什么

        页面中可以看见的内容不再在index.html中进行编辑,而是在App.vue中进行编辑。

组件化开发

        在传统的html开发中,一个页面的资源往往都写在同一个html文件中。这种模式在开发小规模、样式简单的项目时会相当便捷,但当项目规模越来越大,一个页面中统括的代码量越来越多,此时传统的开发模式会对日后的测试和维护造成极大不便。

        就同后端编程中分entity、datasoure等包的思想一样,组件化开发是将一个页面中的不同区域的内容分成一个个组件,每个组件都有自己的结构、样式、行为。最后在统括到一起。这样便于代码复用提高开发效率,也便于维护降低运维成本。

         组件也分根组件和普通组件,普通组件可以有很多个,但根组件只能有一个(根组件只能有一个的限制只在vue2有,vue3的更新解除了这个限制)

App.vue

        下面是App.vue中的主要部分分别分为三个:<template>、<script>、<style> 

<template>

        结构,相当于原html中的<head><body><footer>部分。原本的index.html现在只做一个容器,在Vue中,所有的元素的编写最后都会集成在根组件中,再渲染进html容器中。

        在Vue中,<template>中根盒子<div>只能有一个,而Vue3则没有这个限制。

 <script>

        编写js逻辑,原本在Vue对象中编写的data、watch、methods(事件)、钩子函数等属性和行为也在这里面写。

<script>
//意味导出当前组件的配置项
//在这里面写原本在Vue对象中编写的data、watch、methods(事件)、钩子函数等属性和行为
export default {created() {},methods: {fn(){alert("点击了盒子");}}
}
</script>

<style>

        样式,可支持less,需要装包less和less-loader(yarn add less lessloader -D)。

        默认不支持less,需要我们写个lang="less"来声明使用less

 

关键字:东莞网上招聘平台有哪些_洛阳自助建站_河北网站seo地址_平台推广是做什么

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: