组件正如在模板项目中使用的那样,是一个由 @Component 装饰器描述的 继承自 Vue 基类的类。在 @Component 装饰器中还提供了多个选项的支持,接着一起来熟悉一下这些选项。 支持选项&分类 基础选项 name 用于显式声明组件展示时的名称 components 用于注册对当前组件实例可用的组件 directives 用于注册对当前组件实例可用
原创 精选 2023-08-15 10:14:57
689阅读
<div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件:上面这种组件叫做全局组件
转载 2018-09-04 21:46:00
232阅读
2评论
钩子函数 类组件支持几乎全部 Vuejs 原生生命周期钩子函数,钩子函数在类组件中同样使用类方法来表示,也就是说钩子函数是一组特殊的类方法。 内置钩子函数 钩子函数 执行时机 beforeCreate 在组件实例初始化完成之后立即调用 created 在组件实例处理完所有与状态相关的选项后调用 beforeMount 在组件被挂载之前调用 mounted 在组件被挂载之后
原创 2023-08-16 08:47:43
240阅读
<body> <div id="example"> <father></father> </div> </body> <script> Vue.component('child', { // 声明 props props: ['messa
原创 2021-08-27 15:27:02
242阅读
组件向子组件传递一些参数,那么子组件有权对这些参数进行一个校验,这个就是组件参数校验 需求:父组件传递过来的必须是个字符串,这个要怎么去校验呢 <div id='root'> <child content='hello world'></child> </div> <script> Vue.com
转载 2018-09-16 08:51:00
109阅读
2评论
JS 组件开发 系列作为前端开发组件开发是你成长的必经之路。时间的积累逐渐摸索出自己比较好的开发方式。 --- zenking(1)实现最简单的组件化;var jdb ={ alert: function(str) { alert(str); }, console:function (str) { console.log(str) } } 这样就是简单的实现 jdb.ale
new Vue({ el:'#demo', data:{ message:'Hello vue.js!' } }) 我们看到这个括号里面包含了很多中间的选项,小括号里面其实是一些参数,这些参数指定了实例化vue的一些特性 第一个选项data new Vue({ data:{ a:1, b:[] }
转载 2018-08-22 06:46:00
110阅读
2评论
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> <button-counter&g
原创 2022-01-19 11:10:32
56阅读
VUEJS开发规范 基于组件开发理解 组件命名规范 结构化规范 注释规范 编码规范 基于组件开发理解 什么是组件组件开发的好处 组件化和模块化的区别 Vue组件开发 组件命名规范 Vue官方文档给予以下说明: 命名可遵循以下规则: 结构化规范 基于Vue cli脚手架的结构基础划分 vu
转载 2018-11-14 20:58:00
193阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head&gt
原创 2021-07-02 11:26:38
189阅读
vuejs动态组件给子组件传递数据 通过子组件定义时候的props可以支持父组件给子组件传递数据,这些定义的props在子组件的标签中使用绑定属性即可,但是如果使用的是 中进行绑定 组件的作用于是独立的 组件的作用于是独立的,如果要从跟组件获取数据,那么需要一层层的传递才行,也就是说子组件只能从直接
转载 2016-07-03 16:17:00
280阅读
2评论
当父组件要给孙子,或者孙子与孙子要传值的时候怎么传,一层一层传太麻烦了,vuejs提供了一中模式叫发布订阅模式(观察者模式,bus,总线)来处理非父子组件间的传值 <div id='root'> <child content = 'Dell'></child> <child content = 'L
转载 2018-09-17 07:07:00
173阅读
2评论
is属性 <div id='root'> <table> <tbody> <row></row> <row></row> <row></row> </tbody> </table> </div> <script> Vue.component('row',{ template:'<tr><td>th<
转载 2018-09-14 07:08:00
103阅读
2评论
vue开发环境搭建(官方推荐命令)必须有node环境npm install -global vue-cli / cnpm install -global vue-cli1.创建&启动项目(webpack创建)#创建vue init webpack vuedemo#进入项目路径cd vuedemo#安装依赖npm install / cnpm install#启动...
原创 2021-07-22 10:08:44
240阅读
vuejs23简单组件使用
原创 2017-02-07 11:27:29
640阅读
1、创建vue文件,目录为:resources\assets\js\components\QuestionFollowButton.vue,写入<template> <button class="btn btn-default" v-bind:class="{'btn-success':followed}" ...
原创 2022-09-09 10:17:31
91阅读
Delphi组件开发教程指南
原创 2021-07-26 17:31:51
379阅读
随着SPA,前后端分离的技术架构在业界越来越流行,前端需要管理的内容,承担的职责也越来越多。再加上移动互联网的火爆,各大公司也开始在前端投入更多的资源。在传统的开发模式中,不仅会有大量的资源冗余,而且因为项目中的交叉依赖太多,当出现技术方案变化时,IT无法做到渐进式的、有节奏地替换掉老的代码,只能一次性替换掉所有老代码,极大地提升了技术方案升级的成本和风险。并且业务的要求,UX的设计都需要等到开发
作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛的前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件。比如我们要实现这样一个组件,就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看,下面的各种写法。为了更清楚的演示,下面全部使用jQuery作为基础语言库。最简陋的写法嗯
转载 2024-02-22 10:54:50
30阅读
08 设计组件:DeignKit 组件桥接设计与开发规范在上一模块“配置与规范”中,我主要介绍了如何统一项目的配置,以及如何制定统一开发和设计规范。接下来我们将进入基础组件设计模块,我会为你介绍一些在 iOS 开发过程中,工程化实践需要用的组件,比如设计组件、路由组件。除此之外,我还会聊聊在开发中如何支持多语言、动态字体和深色模式等辅助功能,让你的 App 既有国际范,获取更多用户,还能提升用户体
转载 2024-05-14 19:29:32
231阅读
  • 1
  • 2
  • 3
  • 4
  • 5