https://next.vuex.vuejs.org/zh/guide/state.html#mapstate-%E8%BE%85%E5%8A%A9%E5%87%BD%E6%95%B0 https://next.vuex.vuejs.org/zh/guide/getters.html#mapgetters-%E8%BE%85%E5%8A%A9%E5%87%BD%E6%95%B0 mapState和mapGetters都是用于简化开发，提高效率的工具 用法如下：
vue脚手架搭建报错：vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 后边跟着一IP数字, 其实就是提示连接超时，应该是下载某个package的时候，需要翻墙，导致出现连接超时。超时错误截图如下： 所以我们改为离线 github太难打开,去这里 1：https://co
Vuejs Vue CLI相关 参考：最全最新Vue、Vuejs教程，从入门到精通_哔哩哔哩_bilibili 目录 Vuejs Vue CLI相关 什么是Vue CLI Vue CLI使用前提 - Node Vue CLI使用前提 - Webpack Vue CLI的使用 Vue CLI2详解 目录结构详解 Runtime-Compiler和Runtime-only的区别 render和template
开始 跟着b站 coderwhy 老师所做的笔记，对比了几个感觉很适合Vue初学 链接：https://www.bilibili.com/video/BV15741177Eh?from=search&seid=5110308374587736588&spm_id_from=333.337.0.0 下载本地Markdown文件：https://gitee.com/xiao-li-tongxue/img/tree/master/ 00、ES6的
1. 基本使用 1.1 安装 npm install vue-router --save 2. vue执行的流程图 3. 路由的默认值和修改为history模式 3.1 路由的默认值：添加一个组件 { path: '', redirect: '/home' } 3.2 修改为history模式：在路由对象下添加mode属性 const router = new Router(
1、如果下载慢 换淘宝镜像 npm config set registry " https://registry.npm.taobao.org " 2、下载cli npm install -g @vue/cli 3、验证 vue --version 项目创建 vue init webpack hellovue Project name 项目名称Project description 项目描述Author 作者Vue buil
一、内容概述： 插值操作绑定属性计算属性事件监听条件判断循环遍历阶段案例v-model 二、插值操作-mustache语法（掌握） 如何将data中的文本数据，插入到HTML中呢？ 我们已经学习过了，可以通过Mustache（{{}}）语法（也就是双大括号）Mustache：胡子/胡须 mustache语法中，不仅仅可以直接写变量，也可
1.与AngularJS的区别 相同点： 都支持指令：内置指令和自定义指令。 都支持过滤器：内置过滤器和自定义过滤器。 都支持双向数据绑定。 都不支持低端浏览器。 不同点： 1.AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观。 2.在性能上，A
vuejs 组件化 什么是组件化开发？ 组件化开发是近两年流行起来的一个开发模式，把日常项目开发中一些常用的代码块封装起来，封装成一个一个的功能块，这个功能块里面包含了 结构、样式、行为、数据（state）、生命周期等。然后在做项目开发时候，项目的那些页面就由这些小的组件然后进行
一. 简介 1. 说明 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合
无论是 OOP or FP，都是为了编写出可维护、易于理解的代码。不同的范式，只是不同的设计思路，或者说不同理解的实现。 但有约定的规范，这些规范建立在对这编程范式的深刻理解之上。 OOP 多实例，在程序中它可能会被实例化多次或存在多个实例，比如：VNode, Entity, Animal 等 多态 & 继承，存在
原文地址：http://tangjiusheng.com/vue/155.html Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！ 一
第一个暴击：Spring 上一份Spring的手绘思维脑图（就像是个知识大纲总结），预览一下Spring的知识点，心里有个谱。不过这边我是采用的截图方式，为了把全部的内容都截取出来，所以整个就比较小，可能不是很清晰。 Spring面试真题（七大模块：一般问题+IOC+Beans+注解+数据访问+AOP+MVC） 一般问题
npm run build进行打包，打包完成后检查dist下的包 dist/static/css dist/static/js 原因，原来的webpack打包始终只有一个文件，会导致文件过大，而这里vue cli2对包进行了分包，可以方便客户端浏览器加载。 分析下包： css下是针对css文件的打包 js目录下有3个文件分别是： app:指的
1.创建vue init webpack vuerouter项目 2.不使用vue-router创建。 3.npm install vue-router --save 单独安装 4.创建/router/index.js文件 1 import VueRouter from 'vue-router' 2 import Vue from 'vue' 3 4 // 1.通过Vue.use(插件),安装插件 5 Vue.use(VueRouter) 6
用vue cli2 新建2个项目，一个使用runtime-compiler,一个使用runtime-only，创建时选项： 创建后的项目对比main.js文件之间的区别： runtime-compiler方式生成的文件main.js中有模板和注册组件。 runtime-only方式生成的文件main.js中模板。 1.runtime-compiler的Vue程序
真实项目都是使用的SPA，单页面复用 index.html文件内若需要展示内容，修改内容，需要经常修改index.html文件，这个不合理。因此将里面内容抽取到main.js中 index.html抽取的内容如下： 1.将index.html中的模板内容剪切到main.js中 2.原理，vue读取main.js中的template后，
优化点1： 之前是在命令行敲编译命令：webpack ./src/main.js -o ./dist/bundler.js，显示可以进行配置。 希望优化：只需要敲webpack命令，无需手动设置出口（打包成功后的文件）和入口（需要打包的文件） 步骤： 1.终端执行命令:npm init ,安装node基本依赖包,安装好以后会生成一个package.json文件
一、什么是编译作用域 官方准则：父组件模板的所有内容都会在父级作用域内编辑，子组件模板所有内容会在子级作用域内编译。 举个例子,在父组件Vue实例内定义一个变量 isShow=true，在子组件内也定义一个变量isShow=false，现在在父组件模板内的子组件中使用使用isShow，那么现在用的是哪一
场景：在实际项目中，很多页面有相似的模块（组件）架构,比如APP导航栏。 导航组件1： 导航组件2： 导航组件3： 以上三个页面共性部分就是左中右三个标签，左侧标签相同都是跳转连接，中间2个是title，1个是tab切换bar，右侧2个是跳转页面连接，1个为空。 对于这样的场景开发3个不同的导航栏
Vue 团队于 2020 年 9 月 18 日晚 11 点半发布了 Vue 3.0 版本。 那个男人总喜欢在深夜给我们带来意外惊喜！ 以下为 Vuejs Release 3.0 机器翻译文章，原文 v3.0.0 One Piece。 “ https://github.com/vuejs/vue-next/releases/tag/v3.0.0 ” # Vue 3.0 发布 今天，我们很荣幸地宣布 Vue
子组件访问父组件的对象，使用场景，较少，因为子组件访问父组件，会存在耦合度较高，不建议这么做。这里只做了解。 1 <!-- 2 @author:invoker 3 @project:project 4 @file: 18 组件通信 子访问父 parent root.html 5 @contact:invoker2021@126.com 6 @descript: 7 @Date:2021/7/05
背景:之前讲的父子组件之间的通信都是指传值，数据的传递。还有另一种方式叫做调用，即父组件直接调用子组件的对象，属性和方式，也是可以的。具体应用场景后面写项目时再来补充。 父组件访问子组件对象，需要用到关键字 $children 和 $refs 一、$children（开发中使用的较少） 需求：在父组件中
子组件变量名称为驼峰标识时，在html中子组件中子组件的变量与父组件的变量绑定关系时，子组件标签中的变量需要使用横杆，比如子组件变量为childMessage，那么在html中子组件绑定父组件的标签就应该写成child-message。具体代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head>
前面阐述了平级访问，即父组件的view层访问父组件的data层，直接通过插值显示即可简单访问。但是实际开发的场景如下： 1.结构：开发场景中一个主页面是一个父组件，内部很很多子组件，子组件内部又有子组件2.网络请求：一个页面的数据一般是由父组件请求网络数据后，再向下传递给子组件3.父子组件
