vue组件

2018-06-29 vim-template vim 文件模板

最近半年写vue很多每次新项目里都要建很多vue组件每个vue文件都要写满,,,还有很多其他标签和代码。编辑器用的是vim,一直是手打，速度也没慢多少。
袁波_爱谁谁·2021-05-10 13:47

实践学习资料 + 智宇推荐

目录vue组件库推荐学习资料收集vue组件库推荐组件名组件功能描述demoelement-ui饿了么UI框架demovue-draggablevue的json拖拽功能demolodash鲁大师-处理数组
付出的前端路·2021-05-10 03:02

Vue组件之间传递数据

本篇主要内容：1、父组件向子组件传值2、父组件向子组件传递方法3、将整个父组件传给子组件4、父组件主动获取子组件的数据5、子组件主动获取父组件的数据6、非父子组件传递数据父组件向子组件传值：标注一定义需要传的值标注二在父组件使用子组件的时候，绑定动态属性，注意写法，标注三、四中的变量名要与标注二中等号前的变量名保持一致，即在data中定义的***，标记里就写：***='***'标注三在子组件里通过
牧码狗·2021-05-10 01:34

Vue中 js ts 文件被多个vue组件多次 import 后，文件中的对象是同一个对象还是多个对象

webpack会对每个文件定义一个id，这个id是唯一的。在import的时候，会先查找一遍文件对应的id，如果未加载，将进行加载。在加载时，就会执行内部的函数。所以，可知，如果导出的是实例化函数对象，那么，这个对象将是同一个对象，如果是函数对象，外部组件也可以实例化当前作用域的对象。QualityControlParamManager.ts文件--------------------------
恒哥的爸爸·2021-05-09 22:49

Vue - 组件（Component）

所有Vue组件同事也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项）并且提供相同的生命周期钩子。二
廖马儿·2021-05-09 13:27

vue组件里怎么引入外部js文件里的方法

Clickimport{myfun}from'../js/test.js'//注意路径exportdefault{data(){return{testvalue:''}},methods:{diyfun:function(){myfun();}}}test.js代码：functionmyfun(){console.log('Success')}export{//很关键myfun}
yzc123446·2021-05-09 00:40

2021前端面试题总结（精简版）

vuev-if和v-show的区别v-if和v-for的优先级vue修改数据页面不更新v-for中的key的作用vue组件中data为什么必须是个函数vue-router$nextTick的作用双向数据绑定原理
Frazier_梁超·2021-05-08 14:40

Vue App

所有Vue组件都是Vue实例，并接受相同的选项对象。importVuefrom"vue";constvm=newVue(options={});选项对象o
JunChow520·2021-05-08 02:35

Vue组件化（Vue全局组件和局部组件定义、创建组件和注册组件，组件中使用methods和data，component、keep-alive标签、父子组件的数据与方法传递和多级传递（bus通信））

目录Vue组件化Vue全局组件创建全局组件注册全局组件Vue局部组件解决template下编写HTML代码没有提示问题组件中使用methods组件中使用datacomponent标签切换组件动画keep-alive
YF-SOD·2021-05-07 21:58

axios+mockjs在vue中如何使用

npm安装mockjs打开cmd进入项目下载mockjs至项目中:image.png2、在src目录下建立文件夹mock,mock文件夹下建立mock.js文件，js文件代码如下：image.png3、在vue
9979eb0cd854·2021-05-07 14:22

154.CSS 实现毛玻璃特效

效果(源码网盘地址在最后)最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢各位了。
前端小智@大迁世界·2021-05-07 12:17

毕业设计03——前端vue知识总结

毕业设计03——前端vue知识总结数据绑定vue对象格式常用属性输入框与data双向绑定条件渲染循环遍历搜索、排序事件处理表单数据自动收集Vue的生命周期过渡、动画过滤器唯一标识ref防止闪现自定义指令插件Vue
ZSs_Ss·2021-05-06 22:23

SpringBoot mybatis 实现多级树形菜单的示例代码

一、前言iview-admin中提供了v-org-tree这么一个vue组件可以实现树形菜单，下面小编来提供一下在element-ui中的使用教程（项目见：https://github.com/lison16
·2021-05-06 17:18

webpack使用vue组件化

上一篇这里写目录标题引入vueeltemplatevue的改善.vue文件使用相关代码引入vue1.安装vue2.配置webpack.config.js3.npmrunbuild打包eltemplate两者区别例子：main.js增加vue的改善main.js重新编译接着我们还可以建立一个app.jsexportdefault{template:`{{message}}按钮{{name}}`,da
鸟随二月·2021-05-06 16:28

(转)Vue中mixin的理解

mixins基础概况vue中的解释是这样的，如果觉得语言枯燥的可以自行跳过嘿~混入(mixins)：是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。
kangaroo_v·2021-05-06 09:38

vue高仿小米商城项目总结(下)

上篇文章已经为这个项目简单的做了结构搭建这篇文章呢主要分析的就是购物车模块购物车这块的话是整个项目中比较有逻辑性的操作首先…上代码这块的话是通过actions去调用mutations里边的方法辅助函数可以把vuex中的数据和方法映射到vue
温柔锤·2021-05-05 19:06

在vue中使用mockjs

之前是按照官网的一些方法,直接在vue组件的钩子函数created里面写的一些简单的方法,后来有一天浏览网页看见的,试一下,分开,先看看之前是怎么用的.先安装:npmimockjs-S在main.js里面引入并注册
Sune小叶子·2021-05-05 18:42

node 以及vue环境配置

写在前面：这篇文档不涉及vue的语法，单纯是处理laravel中怎么用vue进行组件化开发的（vue组件化开发需要编译.vue文件，但是我们又需要laravel环境，所以不能用vue提供的脚手架工具）vue
jacklin1992·2021-05-05 09:16

vue 之组件

vue组件可扩展html文件，封装重用代码。
ysp123·2021-05-05 01:04

通过Element ui往页面上加一个分页导航条

文章目录通过Elementui往页面上加一个分页导航条需求在elementui官网选择Pagination分页组件UserList.vue组件的template模板中的分页组件的代码和效果分页组件牵涉到的
杀手不太冷！·2021-05-04 17:15

SpringBoot mybatis 实现多级树形菜单

一、前言iview-admin中提供了v-org-tree这么一个vue组件可以实现树形菜单，下面小编来提供一下在element-ui中的使用教程（项目见：https://github.com/lison16
华大哥·2021-05-04 15:43

Vue组件间通信方式（使用.sync）

在Vue1.x中我们可能会需要对一个prop进行"双向绑定"。当一个子组件改变了一个prop的值时，这个变化也会同步到父组件中所绑定的值。因它破坏了"单向数据流"的假设，.sync在2.0版本被移除，引起了广泛的讨论。在2.3.0版本.sync又回来了，不过与1.x不同。这次只是原有语法的语法糖(syntaxsugar)包装而成，其背后实现原理是，在组件上自动扩充一个额外的v-on监听器1：（应用
斜影醉清风丶浪表哥·2021-05-04 13:40

vue.js 组件template

用template标签构建组件template组件中只能存在一个根节点vue组件这是template标签构建的组件//全局注册组件------------------------------------
飞鱼_JS·2021-05-04 12:26

SpringBoot+Vue前后端分离项目中实现编辑用户功能

selectuserbyid请求的方法UserDao动态代理接口中的selectUserById方法UserDao.xml映射文件中的sql语句编辑用户对话框的效果和代码editForm对象UserList.vue
杀手不太冷！·2021-05-04 12:41

添加用户功能的实现

文章目录添加用户功能的实现需求给添加用户按钮绑定单击事件添加用户的对话框的效果和代码添加用户对话框需要用到的UserList.vue组件中的数据UserList.vue组件中的addUser方法getUserList
杀手不太冷！·2021-05-04 09:34

Vue组件中如何获取非Prop特性的值

学习Vue.js文档的过程中，发现组件那一章，非Prop特性一节有些疑问：所谓非prop特性，就是指它可以直接传入组件，而不需要定义相应的prop。尽管为组件定义明确的prop是推荐的传参方式，组件的作者却并不总能预见到组件被使用的场景。所以，组件可以接收任意传入的特性，这些特性都会被添加到组件的根元素上。例如，假设我们使用了第三方组件bs-date-input，它包含一个Bootstrap插件，
切糕糕·2021-05-04 08:16

实现模糊查询用户的功能

文章目录实现模糊查询用户的功能需求给搜索框绑定数据和方法getUserList方法UserList.vue组件中的分页数据SpringBoot后端控制器中接收pageuser请求的方法getUserList
杀手不太冷！·2021-05-03 18:29

UserList.vue组件中用钩子函数初始化第一页的分页数据

文章目录UserList.vue组件中用钩子函数初始化第一页的分页数据需求created钩子函数的代码getUserList方法UserList.vue组件中的分页数据SpringBoot后端控制器中接收
杀手不太冷！·2021-05-03 18:52

实现导航菜单功能

类钩子函数初始化菜单数据SpringBoot后端MenuController控制器接收"/menus"请求的getAllMenus方法MenuDao动态代理接口MenuDao.xml映射文件Home.vue
杀手不太冷！·2021-05-03 11:10

vue组件通信

父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：//这里必须要用-代替驼峰data(){return{msg:[1,2,3]};}子组件通过props来接收数据:方式1：props:['childMsg']方式2:props:{childMsg:Array//这样可以指定传入的类型，如果类型不对，会警告}方式3：props:{childMsg:{type:A
via_98cc·2021-05-03 01:58

用户登录功能的实现

后端发送登录请求SpringBoot后端的LoginController控制器的login方法UserDao动态代理接口中的getUserByMessage方法UserDao.xml映射文件路由跳转到Home.vue
杀手不太冷！·2021-05-02 21:54

153.炫酷粒子背景特效

效果(源码网盘地址在最后)最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢各位了。
前端小智@大迁世界·2021-04-30 12:55

如何写一个双向绑定的VUE组件

最近在重构公司项目代码,因为之前这一块不是我写的,所以也抽空看了一下之前同事的代码,可能是因为大家都是初学VUE,现在看来,有些代码还是略显稚嫩的,有一个小组件,虽然很简单,但是还是可以拿出来说一下的,因为它是一个双向绑定组件.v-model是什么教程上说的很清楚,v-model是一个语法糖,它是由:value和@input构成的[1]为什么我需要v-model使用v-model不仅仅是因为它简单
文青程序猿·2021-04-30 06:08

vue组件中data为什么必须是个函数

概念：Object是引用数据类型，如果不用function返回，每个组件的data都是内存的同一个地址，一个数据改变了其他也改变了，这就造成了数据污染。假如是一个对象的代码示例：functionvueList(){}vueList.prototype.$options={data:{name:'lcData'}}letlcsone=newvueList();lcsone.$options.data
Frazier_梁超·2021-04-29 19:23

Vue整合ElementUI组件

importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);参考ElementUI创建组件,ElementUI同Vue
难自拔于世界之大·2021-04-29 17:57

前端vue精简版面试题(个人理解篇）

1.vue组件中为什么data必须是一个函数如果组件中data不是一个函数，首先vue是会报错的，因为它的内部规范组件中的data必须是个函数，组件实例对象data必须为函数，目的是为了防止多个组件实例对象之间共用一个
一只燕仔·2021-04-29 07:34

Vue组件化编码

使用vue-cli创建模板项目1、说明1）vue-cli是vue官方提供的脚手架工具2）github:https://github.com/vuejs/vue-cli3）作用:从https://github.com/vuejs-templates下载模板项目2、创建vue项目npminstall-gvue-clivueinitwebpackvue_democdvue_demonpminstalln
qianxun0921·2021-04-28 18:37

Vue入门学习笔记，element学习记录，vue开发踩坑记录

文章目录一、Vue开发1、循环v-for1.1循环数组1.2迭代对象2、监听属性watch3、表单3.1v-model4、Vue组件开发4.1全局组件二、ElementUI1表格el_table2文件上传按钮
Demonslzh·2021-04-28 17:09

原生JS封装vue Tab切换效果

本文实例为大家分享了原生JS封装vueTab切换的具体代码，供大家参考，具体内容如下先看效果图使用的技术vue,js,css3vue组件可以直接使用书友书单exportdefault{components
·2021-04-28 14:06

VUE--Mixins的理解

Mixins相当于一个VUE组件拥有data、methods、生命周期等。作用：Mixins主要用来把VUE项目中一些公用的方法抽取出来以便复用。
Mahuicool·2021-04-28 11:51

vue组件间通信

vue组件间通信1.父组件向子组件传递数据--props父组件子组件在vue2.0中使用props实现向子组件传递数据：第一步：父组件中将需要传递的数据formSliderURL赋值给公共reqSliderURL
井皮·2021-04-28 10:30

史上最全前端vue面试题

①在vue组件里面，通过dispatch来出发actions提交修改数据的操作。②然后再通过actions的commit来出发mutations来修改数据。
一名有马甲线的程序媛·2021-04-27 16:54

vue展示.md文件

vue-markdown-loader将markdown文件解析并编译成html文件npminstallvue-markdown-loader-D安装vue-loader、vue-template-compiler将文件渲染成vue
伴歌知行·2021-04-27 16:58

vue组件通信

父传子父：自定义属性+你要传递的数据子：props[父组件上的自定义属性名称]，进行接收传递数据的时候注意：父组件上的自定义属性名称必须是烤串形式子组件接收的时候props必须是驼峰子传父：子：this.$emit('自定义事件名称',数据)子组件标签上绑定@自定义事件名称='回调函数'父：methods:{回调函数(){//逻辑处理}}兄弟：第一种：先：子传父；后：父传子第二种：利用空的Vue实
氿_cb05·2021-04-27 09:41

Vue组件通信

父子组件间的通信父亲需要怎么控制儿子的显示和隐藏//html{{message}}打开儿子//JavaScriptVue.component('child',{props:['childMoney'],template:`我是儿子父亲给了我{{childMoney}}通知父亲关闭儿子`})varapp=newVue({el:'#app',data:{message:'我是父亲',childVisi
海山城·2021-04-27 03:13

vue组件学习2

一.子组件向父组件传递数据方法：子组件绑定子组件的自定义事件，但事件处理函数绑定父组件的方法1.2.在子组件内部调用自定义事件methods:{add(){this.$emit("parent-method",5)//这个5是参数，向事件处理函数传递}}3.然后父组件的事件处理函数就会调用，可以操作自身数据和接收传过来的数据methods:{parent-method(参数){//接收传递过来的参
strugglexiang·2021-04-26 13:16

4.初识Vue组件化应用构建

文章目录介绍例子一：组件例子二：父子组件传递数据介绍下边的话摘抄自Vue官网组件系统是Vue的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：在Vue中注册组件很简单：如对App对象所做的那样创建一个组件对象，并将其定义在父级组件的components选项中例子一：组件搞个简单的例子体会一下组件化是啥组
色不异空，空不异色·2021-04-26 10:50

vue组件通信

1.父组件传递数据给子组件思路：在父组件中定义inputValue属性，然后再props接收参数注意此方法是传递的动态数据，在父组件接收时需要应用：（v-bind的简写）接收代码如下：父组件//将子控件属性inputValue与父组件msg属性绑定exportdefault{data(){return{msg:'请输入'}},components:{child:require('./Child.v
黄鹤你不是人·2021-04-26 08:51

Vue.js 学习笔记九：组件化开发之模板分离写法

目录模板分离写法模板分离写法我们通过语法糖简化了Vue组件的注册过程，另外还有一个地方的写法比较麻烦，就是template模块写法。
stary1993·2021-04-25 17:38

vue组件公共方法抽离mixins

说一个场景:一个首页中引入了两个组件里面都有共同的方法和数据，那有优化的方法么?那肯定有新建一个minxin.js通过export和import把公共方法抽离和导入即可!
飞上蓝天！·2021-04-24 01:11
上一页 73 74 75 76 77 78 79 80 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他