2021年08月_王劭阳

原创 Vue笔记07-VueUI组件库

移动端常用UI组件库VantCube UIMint UIPC端常用UI组件库Element UIIView UI

2021-08-14 22:03:14 230

路由简介Vue Router是Vue官方的路由管理器，专门实现SPA应用，即单页面应用。单页面应用的含义是，整个应用只有一个完整的页面，点击页面中的链接不会刷新整个页面，只会局部刷新，数据通过ajax请求获取，在页面局部刷新的时候，地址栏的url会跟着变化。一个路由就是一个key-value的映射关系，key为路径，value为function或component。路由分为前端路由和后端路由。前端路由：value为component，用于展示页面内容，浏览器路径改变的时候，对应的组件就会显示。后

2021-08-14 22:03:09 292

原创 Vue笔记05-Vuex

Vuex概念Vuex是在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），可以实现组件间通信，适用于任意组件间通信。当多个组件依赖同一状态、不同组件行为需要变更同一状态的时候，需要使用Vuex，也就是用Vuex来管理公共的变量或者数据。案例首先引出一个案例，这个案例是单组件，不使用Vuex来完成的。有一个Count.vue组件，组件中有几个按钮和一个显示当前数据的区域，通过按钮修改当前值并重新显示。在App.vue中引入Count..

2021-08-14 22:03:02 228

原创 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 520

原创 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/clicmd中跳转到需要创

2021-08-14 22:02:49 333

原创 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 203

原创 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 294

原创 Vue笔记-目录

视频教程来自，分为Vue2和Vue3两部分。

2021-08-14 22:02:08 129 2

王劭阳的博客