源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ...
分类:
其他好文 时间:
2021-02-10 13:24:51
阅读次数:
0
方法一 props传参 父组件 1. <template> 2. <div class="wrap"> 3. <div>我是Father组件</div> 4. <Son 5. str="我是字符串" 6. :num=5 7. :obj="{cont:'我是一个对象'}" 8. :func="()=> ...
分类:
其他好文 时间:
2021-01-29 12:04:52
阅读次数:
0
一、概述 效果图 二、代码实现 新建test目录,放2个vue文件。 sidentify.vue组件代码: <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHe ...
分类:
其他好文 时间:
2021-01-28 12:23:32
阅读次数:
0
1.访问元素 & 组件 1.1 访问根实例 我们可以通过$root属性访问根实例。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.jsdelivr.net/ ...
分类:
其他好文 时间:
2021-01-25 10:36:46
阅读次数:
0
实战快速上手 采用实战教学模式并结合 ElementUI 组件库,将所需知识点应用到实际中 创建工程 注意: 命令行都要使用管理员模式运行 1、创建一个名为 hello-vue 的工程 ,注意目录的存放位置 vue init webpack hello-vue 2、安装依赖,我们需要安装 vue-r ...
分类:
其他好文 时间:
2021-01-22 12:15:37
阅读次数:
0
vue组件化开发思想。 vue组件注册。 vue组件间的数据交互, vue组件插槽。 Vue组件: 1 HTML->模块化开发 ->组件化开发->框架化. 全局组件:可以在任意使用。 局部组件:只有在当前组件加载的使用,才会加载局部组件。 2 创建局部组件 ...
分类:
其他好文 时间:
2021-01-20 12:10:32
阅读次数:
0
Vue基础模板 var vm=new Vue({ el:"#app", data:{ 属性名:属性值, ... }, methods: { 函数名: function () {...}, ... } }) 根组件 new Vue() 全局组件 Vue.component("组件名",{ templa ...
分类:
其他好文 时间:
2021-01-01 12:37:25
阅读次数:
0
https://segmentfault.com/q/1010000012918351vue官网原话:所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。 一个单页应用就是一个vue的实例 每个自定义组件就是一个vueCom ...
分类:
其他好文 时间:
2020-12-21 11:46:48
阅读次数:
0
三、封装全局公共 BUS 数据改变,触发监听方法 1、utils 目录下 bus.js 文件代码示例: import Vue from 'vue' const Bus = new Vue() export default Bus 2、通信传递引用 bus 示例: import bus from '@ ...
分类:
其他好文 时间:
2020-12-02 12:36:35
阅读次数:
9
先看效果图: 实现步骤 : 1.新建一个.css的文件,先把样式拷过来 1 .popup_right_bottom{position: fixed; width:400px; height: auto; bottom: 10px; right: 10px; z-index:100; backgrou ...
分类:
其他好文 时间:
2020-12-01 12:16:46
阅读次数:
5