- 博客(7)
- 收藏
- 关注
原创 Vuex
参照官网一、vuex的概念和作用解析Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。把需要多个组件共享的变量全部存储在一个对象里面把这个对象放在顶层的Vue实例中,让其他组件可以使用,且可以实现响应式管理什么状态?比如用户的登陆状态,用户信息等需要在多个组件进行共享二、单界面管理状态让我们从一个简单的 Vue 计数应用开始:new Vue({ // state d
2021-02-05 02:12:08
92
原创 Vue-Router
一、vue-router的基本使用router -> index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import About from '../views/About.vue'//1. 安装插件Vue.use(VueRouter)//配置路由和组件之间的映射关系const routes = [ { path: '/
2021-02-05 02:09:08
148
原创 高阶函数
高阶函数三个高阶函数都可以遍历到数组中的每个元素filter:把数组中的某些元素过滤掉,然后返回剩下的元素filter中的回调函数必须返回一个Boolean值,函数依次作用于每个元素当返回true时,函数内部会自动将这个回调的元素放入新的数组中当返回false时,函数内部会过滤掉这个元素//过滤掉数组中的偶数let newarr = arr.filter(function(n){ return n % 2 !== 0;})map:把数组中的每个元素依
2021-02-05 02:01:31
82
原创 webpack
ES6模块化的导出和导入/*在a.js文件中导出*///导出方式一var flag = false;function sum(num1,num2){ return num1+num2}class Person{ name:"MercuryWan"}export{ flag,sum,Person} //导出方式二export var flag = false;export function sum(num1,num2){ return num1+num2
2021-02-05 01:59:18
83
原创 组件
组件一、组件基础// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template:` <div> <button v-on:click="count++">You clicked me {{ count }} times.</button> &
2021-02-05 01:44:45
182
原创 vue基本指令
一、插值操作1.mustache语法(双大括号)的文本插值<div id="example"> <!--只要msg发生了改变,插值处的内容都会更新--> <span>{{ msg }}</span> <!--不仅仅可以直接写变量,也可以写简单的表达式--> <span>{{msg + counter}}</span> <span>{{counter * 2}}</span>
2021-02-05 01:32:12
88
原创 前端
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome
2020-10-25 00:55:36
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人