摘要：一、vue的原理： vue是m-v-vm模式，即model - view - viewmodel，通过viewmodel作为中间层也就是VM的实例进行数据的双向绑定与变化， 1.创建虚拟Dom树， 也就是Document.createDocumentFragment()方法创建虚拟Dom树 2.一旦 阅读全文

摘要：vue3.0配置代理proxy 主要解决的是接口问题和路径问题。 这里说的是vue3.0的版本： 1.首先在项目的根目录下添加vue.config.js文件。 2.然后 vue.config.js内容如下： module.exports = { // 基本路径 publicPath: './', / 阅读全文

摘要：在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： 1.<input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' 阅读全文

摘要：vue在GitHub上面的star数量已经超过了react，虽然npm包下载的数量还没有react多，但是Vue上升的势头真的很猛。 先上Vue官网的生命周期图片： vue的生命周期详解： beforeCreate ：实例组件刚创建，元素DOM和数据都还没有初始化，暂时不知道能在这个周期里面进行生命 阅读全文

摘要：vuex 是一个专门为vue.js应用程序开发的状态管理模式。 这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。 也就是说，是我们需要共享的data，使用vuex进行统一集中式的管理。 核心原理图： vuex中，有默认的五种基本的对象： state：存储状态（变量） gett 阅读全文

摘要：我们在做项目的时，常常会遇到使用Tab切换页面需求，要求设置第一个选项卡为默认选项。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。 export default new Router({ routes: [ { path: '/', name: 阅读全文

摘要：vue 之路由跳转有： 1、 this.$router.push进行编程式路由跳转 2、 router-link 进行页面按钮式路由跳转 vue 之路由传参有： 1、 this.$route.params获取路由传递参数 2、this.$route.query获取路由传递参数 区别： params 阅读全文

摘要：恢复内容开始 vue的组件通讯一般分为以下几种： 1.父子通讯： 父传子：通过在父组件绑定属性，然后子组件通过props属性接收 子传父： 2.同级组件通讯： 同辈组件之间的通行需要借助第三方，如bus.js 在 main.js 中添加 cons $bus = new Vue(); //创建 $bu 阅读全文

摘要：安装 安装或者引入CDN文件 npm install axios <script src="https://unpkg.com/axios/dist/axios.js"></script> <!--<script src="https://unpkg.com/axios/dist/axios.min 阅读全文

摘要：1.下载node最新稳定版本，并且安装 2.安装好之后，在cmd或者terminal下， 使用npm -v 查看当前npm版本，验证是否安装成功 3.安装成功后，运行 npm i -g @vue/cli 来安装 vue3.0脚手架。安装成功后使用 vue -V查看当前版本，验证是否安装成功 4.vu 阅读全文

摘要：一、node环境 安装node.js 二、新建vue项目 安装vue脚手架 npm install -g vue-cli 用脚手架搭项目 vue init webpack-simple (项目名字) 或 vue init webpack (项目名字) 两者区别就是 vue init webpack- 阅读全文

摘要：注意这里配置的是vue-cli3.0引入jquery的方法，不是vue-cli2.0的配置方法 一、安装jquery npm install jquery --save 二、一般安装成功后在package.json文件内的dependencies项中会有"jquery": "^1.12.4"，如果没 阅读全文