一杆老狙-CSDN博客

Vuex （替代父子组件通信和跨层级通信的库）Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。---- 工具，用于管理应用中组件间共享的状态（数据）采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。概念store：仓库，用于集中式管理state：状态，应用中组件要共享的数据mutation：同步更新状态数据的函数，在 vuex 中仅能提交 mutation 来更新状态数据action：和 mutation 类似，但可以包含异步操作，不能

2022-05-25 20:09:52 202 6

原创 Vue框架基础7-Vue CLI（脚手架的使用）

介绍基于 Vue.js 进行快速开发的完整系统。作用快速搭建项目结构安装两种安装方式：$ npm install -g @vue/cli$ yarn global add @vue/cli安装完毕后，可以在 cmd 命令行中输入检测安装成功没有：$ vue --version如果能够查看到版本信息，则说明安装成功，否则安装失败或环境变量配置有问题。创建项目GUI - 图形化用户界面$ vue ui命令行1.执行创建命令：$ vue create pro

2022-05-24 19:51:04 342 4

原创 Vue框架基础6-单文件组件（SFC）

single-file components（单个文件组件）文件后缀（扩展）名为 .vue，解决的问题：全局定义组件可能会出现命名冲突字符串的 template 没有语法高亮对 CSS 的支持不友好没有明显的构建过程…单文件组件语法：<template> 模板语法</template><script> // 定义并导出组件的选项对象模块</script><style lang="scss" scoped>

2022-05-22 20:56:32 3762 3

原创 Vue框架基础5-生命周期

生命周期生命周期，指的是组件从开始创建，到最终销毁，所经历的整个过程。也就是从这个对象开始到浏览器页面关闭称为一个生命周期这个过程中会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。图示：生命周期钩子create(创造) 阶段beforeCreate()：在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用created()：在实例创建完成后被立即同步调用mount阶段beforeMount()：在挂载开始之前被调用mounted()：

2022-05-20 17:17:01 150 5

原创 js基础2-jQuery介绍

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档水水水水水文章目录前言一、jQuery是什么？二、使用步骤1.选择器介绍1.基本选择器2.层次选择器3.属性选择器4.伪类选择器表单伪类选择器：2.读入数据总结前言理论介绍一、jQuery是什么？ jQuery，顾名思义，也就是JavaScript和Query（查询），即辅助JavaScript开发的库。jQuery是全球最流行用得最多的JavaScript库。其实jQuery就是用JavaScript来写的，它.

2022-05-19 12:55:19 227 5

原创 Vue 框架基础4-组件思想和组件通信

创建组件1. 组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：2. 注册组件：// 定义名为 todo-item 的新组件Vue.component('todo-item', { template: '<li>这是个待办项</li>'})var app = new Vue(...)根据上面注册的组件构建一个组件模型：<ol>

2022-05-18 21:55:00 269 3

原创 Vue框架基础3

1.过滤器(1).过滤器（Filters)是vue 为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：差值表达式和 v-bind 属性绑定。(2).过滤器应该被添加在JavaScript 表达式的尾部，由“管道符”进行调用，示例代码如下：//在双花括号中通过“管道符”调用 capiitaliize 过滤器,对message 的值进行格式化<p>{{ message | capitalize }}</p>//在 v-bind 中通过 “管道符” 调用 for

2022-05-16 11:27:31 134 7

空空如也

空空如也