- 博客(8)
- 收藏
- 关注
原创 Vue笔记07-VueUI组件库
移动端常用UI组件库 Vant Cube UI Mint UI PC端常用UI组件库 Element UI IView UI
2021-08-14 22:03:14 232
原创 Vue笔记06-VueRouter
路由简介 Vue Router是Vue官方的路由管理器,专门实现SPA应用,即单页面应用。 单页面应用的含义是,整个应用只有一个完整的页面,点击页面中的链接不会刷新整个页面,只会局部刷新,数据通过ajax请求获取,在页面局部刷新的时候,地址栏的url会跟着变化。 一个路由就是一个key-value的映射关系,key为路径,value为function或component。 路由分为前端路由和后端路由。 前端路由:value为component,用于展示页面内容,浏览器路径改变的时候,对应的组件就会显示。 后
2021-08-14 22:03:09 297
原创 Vue笔记05-Vuex
Vuex概念 Vuex是在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写),可以实现组件间通信,适用于任意组件间通信。 当多个组件依赖同一状态、不同组件行为需要变更同一状态的时候,需要使用Vuex,也就是用Vuex来管理公共的变量或者数据。 案例 首先引出一个案例,这个案例是单组件,不使用Vuex来完成的。 有一个Count.vue组件,组件中有几个按钮和一个显示当前数据的区域,通过按钮修改当前值并重新显示。 在App.vue中引入Count..
2021-08-14 22:03:02 232
原创 Vue笔记04-Vue中的Ajax
解决开发环境中Ajax跨域问题 在使用jQuery的时候,前后端交互通常使用$.ajax,但是会存在跨域问题。在jQuery中,有大量操作DOM的方法,但是在Vue中,我们不会主动操作DOM,所以配合Vue使用的时候,大多使用axios,使用npm i axios进行安装。 首先使用命令node server1.js和node server2.js启动两个本地服务。 在axios中,使用代理的方式解决了跨域问题。通过Vue-CLI的devServer.proxy配置可以看到两种配置方式。需要手动创建vue.
2021-08-14 22:02:54 529
原创 Vue笔记03-使用Vue脚手架
初始化脚手架 Vue脚手架是Vue官方提供的标准化开发工具,可以方便我们的开发任务。Vue的脚手架叫Vue CLI,CLI是command line interface的简称。 要想使用Vue脚手架,需要全局安装@vue/cli,在安装之前,需要安装node.js。 node.js下载地址 设置淘宝镜像:npm config set registry https://registry.npm.taobao.org 全局安装@vue/cli:npm install -g @vue/cli cmd中跳转到需要创
2021-08-14 22:02:49 338
原创 Vue笔记02-Vue组件化编程
模块与组件、模块化与组件化 在早期的前端开发中,HTML,CSS,JavaScript的引用关系是混乱的,给维护带来难度。 Vue中有一个组件的概念:用来实现局部(特定)功能效果的代码集合。 在Vue中,使用组件分为3步:定义组件、注册组件、使用组件。 在定义组件的时候,使用Vue.extend(option)传入组件的配置,注意这里不要指定el,因为所有组件都被Vue实例对象管理,由实例对象中的el指明模板。组件中的data必须写成函数的形式,避免a组件修改data.x,影响到b组件中data.x的值。
2021-08-14 22:02:42 207
原创 Vue笔记01-Vue核心
Vue简介 Vue是一个可以动态构建用户界面的渐进式前端框架,在设计上参考了MVVM模式,代码简洁体积小,运行效率快,适合移动/PC端开发,作者是尤雨溪。 Vue中文官网 Vue借鉴了Angular的模板和数据绑定技术,借鉴了React的组件化和虚拟DOM技术。 Vue还有一些周边库:Vue-cli、Vue-resource、Vue-router等。 初识Vue 要想使用Vue,最简单的方式是直接用script标签引入Vue.js,可以通过cdn引入,也可以通过本地引入。 要想让Vue工作起来,就需要有一个
2021-08-14 22:02:35 302
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人