vue全家桶
文章平均质量分 77
mjzhang1993
风起于青萍之末
展开
-
vuex 使用详解
Vuex 使用详解说明 Vuex 是一个专门为 Vue 应用程序开发的状态管理模式,适合开发大型单页应用, 它能够更好的在组件外部管理状态 重要文件版本“vue”: “^2.5.2”,“vuex”: “^3.0.0”特点 每一个 Vuex 应用的和兴就是 store(仓库)。store 基本上就是一个容器,它包含着应用中大部分的状态(state) ...原创 2017-10-23 18:56:37 · 12045 阅读 · 3 评论 -
Vue 常用API整理 1 - 组件属性与方法
Vue 常用 API 整理 1 - 组件属性与方法1. 单文件组件说明 .vue 文件是一个自定义的文件类型,用类HTML语法描述一个Vue组件。每个 .vue 文件包含三种类型的顶级语言块 <template> <!-- HTML 代码, 每个 .vue 文件对多包含一个<template> 内原创 2017-10-19 17:00:39 · 4221 阅读 · 0 评论 -
vue 常用Api整理 2 - 生命周期函数
vue 常用Api整理 2 - 生命周期函数说明 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,给予用户机会在一些特定的场景下添加他们自己的代码 原文 下边是一个官网的图例,描述了各个生命周期函数的执行次序生命周期函数 所有的生命周期钩原创 2017-10-19 17:02:12 · 1589 阅读 · 0 评论 -
vue 常用Api整理 3 - 指令
vue 常用Api整理 3 - 指令1. 模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时,Vue 能够智能地计算出重新渲染原创 2017-10-19 17:02:42 · 816 阅读 · 0 评论 -
vue 常用Api整理 4
vue 常用Api整理 41. 全局配置 全局配置在 Vue.config 下,需要在启动应用之前配置 import Vue from 'vue'; Vue.config.silent = false; new Vue({ ... })silent: true | false 取消Vue所有日志与警告devtools: true | false 是原创 2017-10-19 17:03:57 · 5648 阅读 · 1 评论 -
vue-cli-webpack模板配置全解析-2
vue-cli webpack 模板配置解析 - 2 重要配置文件解析重要模块版本vue-cli : 2.9.1vue : 2.4.2vue-router : 2.7.0webpack : 3.6.0其他依赖都由 vue-cli 生成重要配置文件解析1. /build/dev-server.js 执行 npm run dev 或者 npm start 后运行的脚本主要功能检查 n原创 2017-10-12 14:38:08 · 1228 阅读 · 0 评论 -
vue-cli-webpack模板配置全解析-1
vue-cli webpack 模板配置解析 - 1 文件结构重要模块版本vue-cli : 2.9.1vue : 2.4.2vue-router : 2.7.0webpack : 3.6.0其他依赖都由 vue-cli 生成使用全局安装 vue-cli npm install -g vue-cli创建项目 vue init webpack <project-name> 进入项目文原创 2017-10-12 14:36:42 · 1813 阅读 · 0 评论 -
在 Vue 项目中使用 ECharts
在 Vue 项目中使用 ECharts说明 重要文件版本“vue”: “2.5.13”“vue-router”: “^3.0.1”“vuex”: “3.0.1”,“echarts”: “^4.0.2” 在 Vue 项目中使用 ECharts 只需要在 Vue 组件的 mounted 生命周期中 初始化 ECharts,然后在每次配置项有变更时调用 setOption() 方法更新配置即可原创 2018-02-08 14:07:19 · 8392 阅读 · 0 评论 -
vue-router 使用详解
Vue-router 使用整理1. 说明 重要文件版本“vue”: “^2.4.2”,“vue-router”: “^2.7.0”, 官网地址2. 项目引入1. 下载 npm install --save vue-router2. 导入到项目中并使用 import Vue from 'vue'; import Router from 'vue-router'; V原创 2017-10-20 15:27:58 · 2163 阅读 · 0 评论