- 博客(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
142
原创 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
104
原创 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
232
原创 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
205
原创 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
2771
原创 vue的vuex解析（二）之State、Mutations、Actions、Getters
State： 1、官网解释其为单一状态树，用一个对象就包含了全部的应用层级状态。 其实就是所有需要共享的数据的根节点，它里面包含了需要共享的数据，就是一个数据集合。 可以在vuex文件夹里独立创建一个state.js文件,并在该文件里面编写代码： const state = { count: 100000000, }; export default state 2、将state.js引入store...
2019-03-28 20:15:30
672
原创 vue的vuex解析（一）之vuex的安装及引入
官网解释：Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex其实就是一个状态管理器，它能够实现组件间的数据共享，非父子组件间的数据通信。 一、vue项目中Vuex的安装指令： npm install vuex 二、在src文件夹下新建vuex文件夹，再在新建的vuex文件夹里...
2019-03-28 17:39:54
203
原创 vue的路由安装及配置
vue-router是vue的路由，其安装及配置如下： 1、若你的项目中还没安装路由，则须运行命令行： npm install vue-router 2、在项目的src文件夹下建立router文件夹，router文件夹里面创建router.js文件，在router.js文件里面: import Vue from ‘vue’ // 引入vue import VRouter from ‘vue-rou...
2019-03-25 21:15:54
6662
原创 vue父子组件之间的传值
一、父组件传值给子组件： 父组件部分： 1、在父组件里引入（import）子组件： import 子组件名 from ‘@/components/子组件的vue文件’ 2、在父组件的components注册子组件：components: { 子组件名 } 3、在template里面引入<首字母小写子组件名></首字母小写子组件名> 4、<首字母小写子组件名 :par...
2019-03-25 15:41:52
232
原创 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
995
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人