Indomite的博客

vuepress的简单使用 快速上手 1.创建目录 2.包管理器初始化 yarn init # npm init 3.安装依赖 yarn add -D vuepress # npm install -D vuepress 推荐使用yarn 4.在package.json中添加一些script "scripts": { "dev": "vuepress dev docs", "build": "vuepress build docs", "deploy":"bash deplo

组件化开发 首先，组件化开发不是前端所特有的东西。就我个人的理解而言。首先，从字面上去看，组件化开发：也就是将整体分割成一个个小的组件，将整体进行细化就是组件化。 每一个组件都是一个个独立的个体，也就是说，在其他的需要用某一个组件的时候可以复用，大大的避免了重复写相同代码。 从这个地方，我们可以看出，组件化设计就是为了增加复用性、灵活性、提高系统的设计，提升开发效率。 组件化的演变 这一段呢，我是借鉴别人的说法，到时候自己理解清楚了再来说说自己的想法。 在早期的前端开发的过程中，我们会经常使用JQuery，

属性 自定义属性props ->组件的propos中声明的属性 原生属性attrs ->没有声明属性，默认自动挂载在组件的根元素上，inheritAttrs可以关闭自动挂载 特殊属性class、style ->挂载到组件根元素上，支持字符串、对象、数组等多种用法 子组件为何不可以修改父组件传递的propos？ 如果修改了，Vue是如何监控到属性的修改并给出警告的？ 按个人的理解的话：由于单向数据流，属性只能通过父组件传递到自组件，但是不能反过来，至于Vue监控属性的修改给出警告的话，

vuex vuex是一个专门为Vue.js应用程序开发的状态管理模式，集中式的存储应用的所有组件的状态 以相应的规则保证状态以一种可预测的方式发生变化 单向数据流 State：驱动应用的数据源(单向数据流) View:以声明的方式将State映射到视图(静态的显示出来的数据源) Actions：处理用户在View上面的操作而导致的状态变化(数据源变化追踪) 一般文件都是放在store文件下的index.js中 import Vue from 'vue' import Vuex from 'vuex'

Vue-Router Vu-router是Vue.js的官方路由管理器，方便于构建页面，在我们的使用过程中，一般是在router的index.js文件中配置对应的组件和对应的路径 主要的功能 嵌套路由 模块化的、基于组件的路由配置 路由参数、查询、通配符 视图过度效果 细粒度的导航控制 核心文件 router中的index.js文件 // 引入vue框架 import Vue from 'vue' // 引入vue-router路由依赖 import Router from 'vue-router' /

Vue CLI是基于Vue.js进行快速发展的完整系统，提供了： 交互式的项目脚手架 实现零配件的原型开发 图形化的创建和管理项目的界面 基本框架的构建： . ├── build/ # webpack 配置文件 │ └── ... ├── config/ │ ├── index.js # 项目核心配置 │ └── ... ├── src/ │ ├── main.js

什么是Vue-loader 一个webpack的加载器，负责将vue组件编译成普通的JavaScript模块。 关于webpack的介绍 这里呢？用到webpack，在项目的编译打包的过程中，将复杂的 注入依赖的模块 进行打包处理，形成 静态的资源文件。也就是说，我们有很多的JS模块，他们之间相互联系，但是作为浏览器，并不能将其直接运行，所以我们需要将其打包到一个可以通过script标签引入的独立文件。 Vue的组件规范 一个 *.vue 文件是一种自定义的文件格式，主要包括template\script\

Vue 渐进式框架 众前端周知，Vue是一套用于构建用户界面的渐进式框架，自底向上逐层应用，关注视图层。那我们就来说道说道： 渐进式：声明式渲染->组件系统->客户端路由(router)->数据管理状态(Vuex)->构建工具(npm) 所谓的渐进式：我觉得就是渐进嘛，一步一步来，首先Vue给了你核心的Vue核心库，实现最基本的组件系统、双向数据绑定。但是你要新的，强大的功能，可以啊，没有问题，自己添加嘛，逐步根据自己的需求添加相应的插件。就比如说：你需要路由了，你去添加Vue-ro