Table of Contents 1.为什么要用Vuex? 组件之间共享数据的方式 2.Vuex概述 3.Vuex 基本使用 1.安装vuex包 2.导入Vuex包 3.创建store对象 4. 将 store 对象挂载到 vue 实例中 4.Vuex中的核心特性 A.State 组件中访问State的方式: B.Mutation 组件中访问Mutation的方式: C.Action 组件中访问...

今天开始学习vue.js这个框架,记录下学习的知识。与君共勉! 1、vue.js是什么? 2、为何要用vue.js 3、mvc和mvvm的概述 (1)mvc属于后端框架 (2)vue.js是mvvm形式的架构,具体流程和概念看下图。 3、创建第一个vue实例 第一步先引入vue.参考官网:https://cn.vuejs.org/v2/guide/  vue减少对dom元素的操作。 上例...

Vue学习day02--指令

vue.js学习

  

2020-03-28 15:45:14

1、v-clock 解决差值表达式闪烁问题。并且差值表达式前后可以添加任何内容。不会把整个元素内容清空 效果: 2、v-text 没有闪烁问题。会清空覆盖原本的内容 效果: 3、v-html 会把内容当做html解析 效果: 4、v-bind 用于绑定属性的指令。可以缩写为,“ :  ”冒号 效果: 5、v-on 用于绑定事件绑定。v-on:可以缩写为,@ 效果:...

文章目录 前言 1. Vue的生命周期 名词解释 beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate(更新前) updated(更新后) beforeDestroy(销毁前) destroyed(销毁后) Q & A 1.什么是vue生命周期? 2.vue生命周期的作用是什么? 3.vue生命周...

vue的响应式

学习  vue.js

  

2020-04-19 05:57:03

vue的响应式简单的说就是数据变化,页面重新渲染。 如何更改数据?假设有以下代码: 用vm.msg = "小仙女"就可以更改了。为什么可以直接这样写呢?打印以下vm,可以看到有msg, 那么问题来了,为什么data会直接出现在vm实例对象中咧? 这是因为:当创建vue实例的时候,vue会将data中的成员代理给vue实例,目的是为了实现响应式,监控数据的变化,如何做到的呢?vu...

使用Vue脚手架构建项目时Runtime + Compiler和Runtime-only的区别 在使用vue-cli脚手架构建项目时,会遇到一个选项Vue build(vue构建),有两个选项,Runtime + Compiler和Runtime-only,以下为有道翻译直译 Runtime + Compiler: recommended for most users 运行时+编译器:推荐给大多数...

Vue-后端开发快速入门

学习  vue.js

  

2020-07-15 05:42:58

一、Vue.js 什么是 Vue 本节视频 【视频】Vue 渐进式 JavaScript 框架-Vue-MVVM 的实现者 简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,发布于 2014 年 2 月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router,vu...

vue-router 路由库

学习  vue.js

  

2020-07-15 12:10:11

vue-router 路由库 一、第一个 vue-router 路由 本节视频 【视频】Vue 渐进式 JavaScript 框架-VueRouter-第一个路由 概述 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.j...

Vue-cli 脚手架

学习  vue.js

  

2020-07-16 05:08:17

vue-cli vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板 第一个 vue-cli 应用程序 本节视频 【视频】Vue 渐进式 JavaScript 框架-Vuecli-第一个 vuecli 应用程序 什么是 vue-cli vue-cli 官方提供的一个脚手架(预先定义好的目录结构及基础代码,咱们在创建 Maven 项目时可以选择创建一个骨架项目,这个骨架项目就是...

需求 子组件只装载数据,不进行HTTP请求,父组件在created的时候,拿到数据之后,并存入到store中,要求在异步I/O操作之后再重新渲染dom 问题描述 子组件为echarts图表,当子组件取数据时,由于echarts图表dom已经渲染,异步I/O操作在页面渲染之后才会将数据存入store中,使用computed计算属性获取object,初值为{},当页面渲染完成,计算得到object不能...

Vue2升级到Vue3

vue.js学习

  

2020-10-30 08:54:38

最近想玩玩Vue3 如题,Vue3已经是beta版了,想玩玩Vue3,就对原来Vue2的项目进行了升级。参考了慕课网Dell Lee的课程内容和Vue3官方文档。 一、main.js中的变化 从技术上讲,Vue 2 没有“app”的概念,我们定义的应用只是通过 new Vue() 创建的根 Vue 实例。从同一个 Vue 构造函数创建的每个根实例共享相同的全局配置,因此在测...

简介 Live Server是一个具有实时加载功能的小型服务器,可以使用它来**html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用Live Server作为一个实时服务器实时查看开发的网页或项目效果。 安装 第一步,打开VSCode开发工具,在VSCode扩展中搜索Live Server,然后安装即可。 Live Server插件安装成功之后,应该就是...

前言 上一讲我们介绍了Vue的基础知识点,而且已经可以把一个基本的项目跑起来了,接下来我们就要开始学习Vue本地应用中的常见指令了。 本讲的核心是如何通过Vue的方式去开发常见的网页效果,不同于早期基于dom元素的web开发——获取元素,操纵它们。在Vue中,我们使用的是一系列以v-开头的特殊语法来干这件事情,比如说v-on、v-text、v-show等等,不同的写法功能并...