vue组件的内容分发 为了让组件可以组合，需要一种方式来混合父组件内容和子组件内容模板，这个过程叫做内容分发 插槽： 单<slot>标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo ...
分类：
Web程序 时间：
2020-05-31 21:56:53
阅读次数：
88
Vue组件的使用： 全局组件注册语法： Vue.component(组件名称，{data:组件数据，template:组件的模板内容}) 定义了一个组件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Do ...
分类：
其他好文 时间：
2020-05-31 17:57:08
阅读次数：
42
vue组件中使用 <template> <div> //创建一个dom元素用来放echats图表 <div id="xline"></div> </div> </template> script中的 <script> export default { mounted() { var chart = ...
分类：
其他好文 时间：
2020-05-31 12:45:49
阅读次数：
65
Vue 的 ref 属性的回顾 vue 的 ref 属性主要用于访问子组件（vue组件）或者子元素（dom元素）， 具体写法：<base-input ref="usernameInput"></base-input> 获取实例：this.$refs.usernameInput 如果base-inpu ...
分类：
其他好文 时间：
2020-05-29 13:38:11
阅读次数：
78
首先新建一个Input.vue组件 1 <template> 2 <div class="selectWrap"> 3 <div class="select-wrapper"> 4 <div class="select" @click = "triggerOption"> 5 <div class= ...
分类：
其他好文 时间：
2020-05-28 19:40:34
阅读次数：
70
Vue获取组件的一些方法 this.$refs.xxx 给标签绑定ref属性，获取的是当前DOM对象 给组件绑定ref属性，获取的是组件实例对象 this.$parent 获取当前组件的父组件,为一个对象 this.$root 获取当前组件的根组件,为一个对象 this.$children 获取当前 ...
分类：
其他好文 时间：
2020-05-28 12:53:21
阅读次数：
61
前言 组件就是可复用的vue实例，各自都有名字。 一、全局组件 全局组件一经声明就在全局注册了，就可以在任意 Vue根实例 中使用，全局组件作为子组件可以互相使用。 选项可以写data、methods、computed、watch等等，el不可以写。 注意： 1. 组件中的data选项要用 函数的形 ...
分类：
其他好文 时间：
2020-05-25 00:29:35
阅读次数：
79
tiptap编辑器基于Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。 Github https://github.com/scrumpy/tiptap 为什么使用tiptap？ 市面上有不少富文本编辑器，但大多数可能并不能满足你的需求。编辑器应该易于扩展，并且不 ...
分类：
其他好文 时间：
2020-05-24 21:15:54
阅读次数：
317
Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。 Bulma是一个基于Flexbox的免费开源CSS框架，已有200,000多名开发人员使用；笔者曾经也介绍过这一款css框架，目前star数已突破38.9k，确实 ...
分类：
其他好文 时间：
2020-05-24 13:27:26
阅读次数：
131
一、初始化一个vue项目 vue init webpack vuemqtt npm install npm run dev 二、安装mqtt npm install mqtt --save 三、编写vue组件 1 <template> 2 <div id="app"> 3 <p>mqtt收到的数据： ...
分类：
其他好文 时间：
2020-05-23 20:17:56
阅读次数：
193
