![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Steven_Haw
这个作者很懒,什么都没留下…
展开
-
VUE快速上手(五)
VUE快速上手(五)Vuex的使用什么是Vuex使用步骤 Vuex的使用 什么是Vuex 官网中的解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简单来讲,Vuex的目的就是实现多个组件之间共享数据的功能,即便这些组件不是父子组件,甚至也不是非父子组件,例如一些组件只是通过路由挂载到根组件上。 注意: Vuex适用于大型项目,如果是小型项目不建议使用。 Vuex能实现的功能,LocalStor原创 2020-07-25 17:49:34 · 86 阅读 · 0 评论 -
VUE快速上手(四)
VUE快速上手(四)VUE中UI框架的使用Mint UI的使用 VUE中UI框架的使用 这里简单介绍2个UI框架在VUE中的使用,Mint UI和Element UI。 Mint UI是饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。 官网:http://mint-ui.github.io/#!/zh-cn Element UI是基于 Vue 2.0 的桌面端组件库。 官网:https://element.eleme.cn/#/zh-CN原创 2020-07-19 22:43:39 · 89 阅读 · 0 评论 -
VUE快速上手(三)
VUE快速入门(三)vue路由动态路由传值get传值路由的编程式导航路由的模式 vue路由 使用步骤: 安装vue-router组件:npm install vue-router --save / cnpm install vue-router --save 引入并使用vue-router (在main.js中) import VueRouter from "vue-router" Vue.use(VueRouter) 配置路由 3.1 创建组件 import Home from './com原创 2020-07-13 22:30:29 · 135 阅读 · 0 评论 -
VUE快速上手(二)
VUE学习笔记(二)VUE组件的使用生命周期函数 VUE组件的使用 组件的使用步骤: 在src下新建目录components,增加一个vue文件,如Header.vue 在vue文件中编写template内容,注意要把所有内容包含在一个元素中 <template> <div id="header"> <h2>头部组件</h2> </div> </template> 在其他组件如App.vue中使原创 2020-07-12 18:12:44 · 111 阅读 · 0 评论 -
VUE快速上手(一)
VUE学习笔记(一)环境搭建vue文件结构数据绑定简单数据复杂列表 环境搭建 安装node.js,官网https://nodejs.org/zh-cn/ 配置npm淘宝镜像,命令:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装VUE开发环境,安装vue-cli脚手架工具:npm install vue-cli -g 或者cnpm install vue-cli -g 创建项目:vue init webpack vue_de原创 2020-07-05 16:35:22 · 156 阅读 · 0 评论