Vue的钩子函数
前言
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 JCAlways！
相关推荐
2019-10-16
MVVM原理
MVVM 原理常见的面试问题： Vue 数据绑定的原理？ MVVM 数据绑定的原理？ Vue 双向数据绑定的原理？ Vue 数据响应式原理？ 数据响应式原理？ 当前比较流行的前端框架都是采用的 MVVM 的方式： 什么是 MVVM？ 简单一句话：数据驱动视图。 介绍感受 MVVM 传统的 DOM 操作方式 模板引擎方式 数据驱动视图方式（MVVM） 什么是 MVVM 简单一句话：数据驱动视图 123456789101112131415161718192021<!-- 视图 --><template> <div>{{ message }}</div></template><!-- - 把普通的 JavaScript 对象和视图 DOM 之间建立了一种映射关系： - 数据的改变影响视图 - 视图（表单元素）的改变影响数据--><script> // Model 普通数据对象 export default { data()...
2019-10-22
Vue-Cli的使用
Vue-Cli 官方网站 vue-cli是一个辅助开发工具=> 代码编译 + 样式 + 语法校验 + 输出设置 + 其他 … 作用: 可以为开发者提供一个**标准的项目开发结构** 和配置 开发者不需要再关注 安装 vue-cli解决powershell禁止运行脚本 1set-ExecutionPolicy RemoteSigned 采用 npm 的方式安装1npm i -g @vue/cli 采用 cmpn 的方式安装 cnpm 官网 123npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm i -g @vue/cli 查看安装版本号123vue -V//或者vue --version vue-cli 2.0 补丁1npm install -g @vue/cli-init 初始化项目创建 2.0 项目12345678# heroes 创建的项目名称vue init webpack-simple 项目名称# 切换到当前目录cd heroes# 安装依赖npm...
2019-11-12
VueX
VueX 介绍 官方网站Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。(管理数据共享的工具) 看图结论： state 管理数据，管理的数据是响应式的，当数据改变时驱动视图更新。 mutations 更新数据，state 中的数据只能使用 mutations 去改变数据。 actions 请求数据，响应成功后把数据提交给 mutations 初始化功能安装1npm i vuex --save 新建 store.js 文件123456789101112// 初始化一个vuex的实例（数据仓库） 导出即可import Vue from "vue";import Vuex from "vuex";// 使用安装Vue.use(Vuex);// 初始化const store = new Vuex.Store({ state: null, mutations: null, actions:...
2019-10-16
Vue基础
Vue 是什么之前端现状 Vue 是一个优秀的**前端框架** 国内大多数中小型公司都在用, 开发者按照 Vue 的**规范**进行开发 => 不按照规范开发 就会报错 和 DOM**解耦** Vue 框架 显示数据 获取数据都不再通过 dom 对象 适应当前**SPA**的项目开发 => single page application 单页应用程序 =>只有一个 html 页面 传统网站开发 一般来说 需求不大 当下各种新框架都采用了**类Vue或者类React**的语法去作 为主语法, 微信小程序/MpVue/uni-app Vue 特点 响应式数据 数据驱动视图 可以让我们只关注数据 Vue 中数据是响应式的 => 数据变化 => 视图一定变化 MVVM 双向绑定 => 数据 <=> 视图 , 数据变化 ==>视图变化 ,视图变化 =>...
