Vue
Vue
「已注销」
好好学习 好好生活
展开
-
vuepress简单使用(个人博客何必麻烦自己)
vuepress的简单使用快速上手1.创建目录2.包管理器初始化yarn init # npm init3.安装依赖yarn add -D vuepress # npm install -D vuepress推荐使用yarn4.在package.json中添加一些script "scripts": { "dev": "vuepress dev docs", "build": "vuepress build docs", "deploy":"bash deplo原创 2020-12-20 01:37:31 · 715 阅读 · 1 评论 -
Vue组件开发,个人博客页面demo
组件化开发首先,组件化开发不是前端所特有的东西。就我个人的理解而言。首先,从字面上去看,组件化开发:也就是将整体分割成一个个小的组件,将整体进行细化就是组件化。 每一个组件都是一个个独立的个体,也就是说,在其他的需要用某一个组件的时候可以复用,大大的避免了重复写相同代码。 从这个地方,我们可以看出,组件化设计就是为了增加复用性、灵活性、提高系统的设计,提升开发效率。组件化的演变这一段呢,我是借鉴别人的说法,到时候自己理解清楚了再来说说自己的想法。在早期的前端开发的过程中,我们会经常使用JQuery,原创 2020-09-26 11:12:27 · 628 阅读 · 0 评论 -
Vue的属性、事件、插槽
属性自定义属性props ->组件的propos中声明的属性原生属性attrs ->没有声明属性,默认自动挂载在组件的根元素上,inheritAttrs可以关闭自动挂载特殊属性class、style ->挂载到组件根元素上,支持字符串、对象、数组等多种用法子组件为何不可以修改父组件传递的propos?如果修改了,Vue是如何监控到属性的修改并给出警告的?按个人的理解的话:由于单向数据流,属性只能通过父组件传递到自组件,但是不能反过来,至于Vue监控属性的修改给出警告的话,原创 2020-09-27 11:33:16 · 540 阅读 · 0 评论 -
关于Vuex的那些事儿
vuexvuex是一个专门为Vue.js应用程序开发的状态管理模式,集中式的存储应用的所有组件的状态以相应的规则保证状态以一种可预测的方式发生变化单向数据流State:驱动应用的数据源(单向数据流)View:以声明的方式将State映射到视图(静态的显示出来的数据源)Actions:处理用户在View上面的操作而导致的状态变化(数据源变化追踪)一般文件都是放在store文件下的index.js中import Vue from 'vue'import Vuex from 'vuex'原创 2020-09-27 11:31:38 · 371 阅读 · 0 评论 -
关于Vue-Router的那些事儿
Vue-RouterVu-router是Vue.js的官方路由管理器,方便于构建页面,在我们的使用过程中,一般是在router的index.js文件中配置对应的组件和对应的路径主要的功能嵌套路由模块化的、基于组件的路由配置路由参数、查询、通配符视图过度效果细粒度的导航控制核心文件router中的index.js文件// 引入vue框架import Vue from 'vue'// 引入vue-router路由依赖import Router from 'vue-router'/原创 2020-09-26 11:15:47 · 417 阅读 · 0 评论 -
关于Vue-CLI的那些事儿
Vue CLI是基于Vue.js进行快速发展的完整系统,提供了:交互式的项目脚手架实现零配件的原型开发图形化的创建和管理项目的界面基本框架的构建:.├── build/ # webpack 配置文件│ └── ...├── config/ │ ├── index.js # 项目核心配置│ └── ...├── src/│ ├── main.js原创 2020-09-26 11:15:08 · 408 阅读 · 0 评论 -
关于Vue-loader的那些事儿
什么是Vue-loader一个webpack的加载器,负责将vue组件编译成普通的JavaScript模块。关于webpack的介绍这里呢?用到webpack,在项目的编译打包的过程中,将复杂的 注入依赖的模块 进行打包处理,形成 静态的资源文件。也就是说,我们有很多的JS模块,他们之间相互联系,但是作为浏览器,并不能将其直接运行,所以我们需要将其打包到一个可以通过script标签引入的独立文件。Vue的组件规范一个 *.vue 文件是一种自定义的文件格式,主要包括template\script\原创 2020-09-26 11:14:12 · 492 阅读 · 0 评论 -
关于Vue的那些事儿
Vue渐进式框架众前端周知,Vue是一套用于构建用户界面的渐进式框架,自底向上逐层应用,关注视图层。那我们就来说道说道:渐进式:声明式渲染->组件系统->客户端路由(router)->数据管理状态(Vuex)->构建工具(npm)所谓的渐进式:我觉得就是渐进嘛,一步一步来,首先Vue给了你核心的Vue核心库,实现最基本的组件系统、双向数据绑定。但是你要新的,强大的功能,可以啊,没有问题,自己添加嘛,逐步根据自己的需求添加相应的插件。就比如说:你需要路由了,你去添加Vue-ro原创 2020-09-26 11:13:28 · 395 阅读 · 0 评论