- 博客(13)
- 收藏
- 关注
RSS订阅
2原创 vue之兄弟组件间的传值(续接父子组件传值)
vue兄弟组件之间的传值1、在项目的src目录下创建bus文件夹并在其里面创建index.js文件，写入如下代码:import Vue from "vue";export default new Vue();2、在提供值的兄弟组件写入如下代码:import bus from "@/bus";bus.$emit("bortherClick", "我是兄弟组件传过来的数据");注意...
2019-10-13 18:27:30
140
原创 JavaScript继承
1、构造函数继承 function Animal(name) { this.name = name; this.color = ["red", "yellow", "blue"]; } Animal.prototype.bar = function() { console.log("旺旺"); ...
2019-10-13 14:05:26
103
原创 DOM等级
假设要被监听的元素id为dom，则定义:var dom = document.getElementById("dom");1、DOM0:监听事件定义:dom.onclick = function(e) {};2、DOM2:dom.addEventListener("click", function(e) {});3、DOM3:dom.addEventListener("任何监...
2019-10-12 16:11:39
228
原创 CSS布局
**三栏布局****1、浮动布局**<div class=""> <div class="" style="float: left; width: 300px; height: 100px; background-color: red;"> </div> <div class="" style="float: right; widt...
2019-10-12 15:53:07
204
原创 JavaScript的6种继承
// 1、原型链继承// 核心：将父类的实例作为子类的原型// 缺陷：(1)、引用类型很有可能会被篡改 (2)、不能传参function yx_father() {this.name = ‘原型链继承父节点’;this.colors = [‘red’, ‘blue’, ‘gray’];}yx_father.prototype.getYxFather = function() {re...
2019-04-01 17:46:40
129
原创 vue的vuex解析（三）之Mutations、Actions、Getters传参
Mutations传参数vuex文件夹里的mutations.js中：const mutations = {increase(state, num) { // num为参数state.count = state.count + num;}}组件中：methods: {…mapMutations({Increase: ‘increase’,}),// increase触发事件...
2019-03-28 22:33:20
2769
原创 vue的vuex解析（二）之State、Mutations、Actions、Getters
State：1、官网解释其为单一状态树，用一个对象就包含了全部的应用层级状态。其实就是所有需要共享的数据的根节点，它里面包含了需要共享的数据，就是一个数据集合。可以在vuex文件夹里独立创建一个state.js文件,并在该文件里面编写代码：const state = {count: 100000000,};export default state2、将state.js引入store...
2019-03-28 20:15:30
671
原创 vue的vuex解析（一）之vuex的安装及引入
官网解释：Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。个人理解：Vuex其实就是一个状态管理器，它能够实现组件间的数据共享，非父子组件间的数据通信。一、vue项目中Vuex的安装指令：npm install vuex二、在src文件夹下新建vuex文件夹，再在新建的vuex文件夹里...
2019-03-28 17:39:54
202
原创 vue的路由安装及配置
vue-router是vue的路由，其安装及配置如下：1、若你的项目中还没安装路由，则须运行命令行：npm install vue-router2、在项目的src文件夹下建立router文件夹，router文件夹里面创建router.js文件，在router.js文件里面:import Vue from ‘vue’ // 引入vueimport VRouter from ‘vue-rou...
2019-03-25 21:15:54
6661
原创 vue父子组件之间的传值
一、父组件传值给子组件：父组件部分：1、在父组件里引入（import）子组件： import 子组件名 from ‘@/components/子组件的vue文件’2、在父组件的components注册子组件：components: { 子组件名 }3、在template里面引入<首字母小写子组件名></首字母小写子组件名>4、<首字母小写子组件名 :par...
2019-03-25 15:41:52
229
原创 html的meta自适应布局浅谈
meta是html手机端自适应布局的一种方式：1、必须在head标签里引入2、再在style里引入@media screen and （min-width: 较小数字+单位（px）） and （max-width: 较大数字+单位（px）） {写在此范围想要实现的css样式代码}，当然也可以这么些@media screen and （min-width: 较小数字+单位（px）） {同上...
2019-03-25 00:27:46
960
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人