<!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id="app"> <cpn> <!-- 插槽-插入 ...
分类:
其他好文 时间:
2020-02-04 20:44:00
阅读次数:
126
<!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id="app1"> <!-- 3:使用组件 --> ...
分类:
其他好文 时间:
2020-02-03 22:27:26
阅读次数:
88
作为自己的第一个项目,也是毕业论文,记录点点滴滴,做完发现很简单,但还是纠结了几天。项目经历太少了 ...... 前提:vue脚手架创建项目,node后台,MongoDB数据库,并且跨域还有配置好 背景:前端Home.vue组件从后台获取图片并以轮播图效果展示 后台: models文件夹:存放各种数 ...
分类:
数据库 时间:
2020-01-23 09:44:46
阅读次数:
290
前言 作为一个vue初学者不得不了解的就是组件间的数据通信(暂且不谈vuex)。通信方式根据组件之间的关系有不同之处。组件关系有下面三种:父-->子、子-->父、非父子 父-->子 父向子传递数据通过props **父组件代码** <template> <header-box :title-txt= ...
分类:
其他好文 时间:
2020-01-20 00:33:00
阅读次数:
125
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。个人认为就是一个可以重复利用的结构层代码 ...
分类:
其他好文 时间:
2020-01-17 22:55:09
阅读次数:
70
<template> <div class="sec-alert"> <div :class="{ animated: isAnimating }"> <div class="line" v-text="tips[0]"></div> <div class="line" v-text="tips[1... ...
分类:
其他好文 时间:
2020-01-17 21:26:39
阅读次数:
142
1、父组件获取子组件的数据和方法 $refs 子组件: <template> <div class="header"> <h3>{{ zz }}</h3> </div></template><script>export default { name: 'cx', data () { return { ...
分类:
其他好文 时间:
2020-01-15 14:07:58
阅读次数:
72
1.创建组件 Vue.component('login',{ template:'<h1>登录</h1>' }); 2.组件中展示数据和相应事件, 这样就不难理解data为什么不能是对象了,如果传进来是对象,new出来的两个实例同时引用一个对象, 那么当你修改其中一个属性的时候,另外一个实例也会跟着 ...
分类:
其他好文 时间:
2020-01-14 23:26:28
阅读次数:
103
Vue组件入门篇 —— 表单组件 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。 组件的作用 组件系统是将一个大型的 ...
分类:
其他好文 时间:
2020-01-13 16:03:45
阅读次数:
107