比如说有两个vue组件,app.vue,test.vue
要在app.vue中使用test.vue组件,则需要在app.vue组件中进行注册:
下面举一个简单的例子帮助理解:
test.vue:
<templete>
<div class="test"></div>
</templete>
<script>
export
原创
2023-07-10 10:15:39
264阅读
基础环境①所需的基本ui组件基本后台模块 element、iview ,手机端可以mui 、 uniapp②所需Vue版本建议官方最新版本为准,稳定性可靠③兼容vue文件的http-vue-loader可以无需脚手架情况下对vue以脚手架形式编写vue文件,同时便捷了引入方式 基于Mui样例index.html<!DOCTYPE html>
<html>
转载
2023-11-01 18:54:17
448阅读
https://github.com/PanJiaChen/vue-element-admin/
vue组件写的简易移动页面1.在components里面定义四个组件2.引入3.源码<template> <div> <div> <component :is="tap"></component> </div> <footer> <div @click="app('SY')" :class="{'active':tap=='SY'}">
原创
2022-02-26 17:37:51
140阅读
vue组件写的简易移动页面1.在components里面定义四个组件2.引入3.源码<template> <div> <div> <component :is="tap"></component> </div> <footer> <div @click="app('SY')" :class="{'active':tap=='SY'}">
原创
2021-07-12 11:07:09
200阅读
1、在components文件夹里面新建好作为组件的页面, 2、在展示页面写好点击事件并在组件展示位置写上 标签3、在script里面引入刚刚新建好的组件页面并注册4、在data里面设置默认展示的组件5、在点击事件中判断切换组件
转载
2021-05-09 00:33:21
800阅读
2评论
比如我想引用一个外部的头部导航的组件,因为这个导航在很多地方都用到,避免每个页面都写一遍首先 我先在compon
原创
2022-07-06 16:37:27
798阅读
多页面vue应用中,在请求接口之前统一加上Loading作为未请求到数据之前的过渡展示。由于多页面未使用vuex做状态管理,只在入口统一注册了bus,所以此例子使用eventbus做事件通信。 在Loading.vue中,一个简单的公共loading组件 这个loading组件用showLoadin
转载
2020-12-11 15:58:00
973阅读
2评论
1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件的使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data
参考vue文件地址:递归组件实现遍历效果递归组件实现思路:遍历数组元素,并判断子元素的子集数量是否大于0。如果子集的集合数量大于0,则需要需要再一次调用该组件。如果子集的集合数量等于0,则直接显示内容。创建组件<!-- subordinate:判断是否为子集递归; activeNames:打开折叠面板的集合。 -->
<van-collapse v-if="!subord
组件之使用动态组件灵活设置页面布局 单行文本框 多行文本框
原创
2021-07-20 16:10:53
351阅读
VUE框架Vue3组件切换页面准备------VUE框架
<script>export default { name: "MyItem", data() { return { menuName: ["★", "头像名称修改", ">"], }; }, methods: { m_click(m_id)
原创
2022-05-29 00:50:03
503阅读
在我们利用脚手架搭建项目的时候,main.jsnew Vue({
store,
router,
render: h => h(App)
}).$mount('#app') 这是我一个项目中的,和实际可能有一点不一样,不过意思雷同。 new 一个Vue对象,然后挂载$mount方法,通过自定义Render方法、template、el等生成Render函数,我这里使用的render,
当我们滚动页面浏览商品时,用户想返回到页面顶部,我们不需要用户直接滚到最顶上,而是点击右下角按钮自动滚到页面顶端。如项目需求示例图Top 的 index页面。
原创
2023-05-27 00:47:47
278阅读
场景在一个vue的单页面,假如是home.vue中要引入其他组件的内容。页面结构如
原创
2023-03-12 16:02:25
271阅读