Vue
关注
分享
扫一扫
文章平均质量分 82
了解一些Vue的基础知识，方便前后端分离开发
lengzher_5601
这个作者很懒，什么都没留下…
展开
-
Vue-简易实战
文章目录Vue-简易实战十三、实战1、创建工程：3、嵌套路由4、参数传递第一种方式：第二种方式：5、重定向6、路由模式与404路由模式找不到路径报404错误：路由钩子与异步请求在钩子函数中使用异步请求Vue-简易实战十三、实战采用实战教学模式并结合ElementUI组件库，将所需知识点应用到实际中，以最快速度带领大家掌握Vue的使用；1、创建工程：管理员模式打开命令行进入项目目录，创建名为hello-vue的工程vue init webpack hello-vue安装项目依赖以及插件原创 2021-10-05 08:00:10 · 398 阅读 · 0 评论 -
Vue-router路由
文章目录Vue-router路由十二、router路由1、概述2、安装3、测试使用Vue-router路由十二、router路由1、概述Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成， 让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接HTML5 历史模式或hash模式， 在IE 9中自动降级自原创 2021-10-05 07:58:52 · 156 阅读 · 0 评论 -
Vue-webpack使用
文章目录**Vue-webpack使用**十一、webpack使用1、什么是webpack？2、模块的演化**Script标签****CommonsJS**优点：缺点：实现：AMD优点：缺点：实现：CMD优点：实现：ES6模块优点：缺点：实现:期待的模块3、安装Webpack4、使用webpackVue-webpack使用十一、webpack使用1、什么是webpack？本质上， webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack原创 2021-10-05 07:57:54 · 490 阅读 · 0 评论 -
Vue-第一个vue-cli项目
文章目录Vue-第一个vue-cli项目十、第一个vue-cli项目1、什么是vue-cli？2、需要的环境3、第一个vue-cli程序Vue-第一个vue-cli项目十、第一个vue-cli项目1、什么是vue-cli？vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板； 预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；功能：统一的目录结构本地调试热部署单元测试集成打包上线原创 2021-10-01 23:23:03 · 143 阅读 · 0 评论 -
Vue-内容分发
文章目录Vue-内容分发九、内容分发1、测试内容分发：2、自定义事件3、Vue入门小结Vue-内容分发九、内容分发在Vue.js中我们使用<slot>元素作为承载分发内容的出口，作者称其为插槽，可以应用在组合组件的场景中；1、测试内容分发：比如准备制作一个待办事项组件(todo) ， 该组件由待办标题(todo-title) 和待办内容(todo-items)组成(使用slot插槽嵌套组件）：//定义一个列表组件 Vue.component("todo",{原创 2021-10-01 23:22:25 · 304 阅读 · 0 评论 -
Vue-计算属性
文章目录Vue-计算属性八、计算属性1、什么是计算属性？2、 程序实例3、结论：Vue-计算属性八、计算属性1、什么是计算属性？计算属性的重点突出在属性两个字上(属性是名词)，首先它是个属性其次这个属性有计算的能力(计算是动词)，这里的计算就是个函数：简单点说，它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性)，仅此而已；可以想象为缓存!2、 程序实例<!DOCTYPE html><html lang="en" xmlns:v-if="http://www.w原创 2021-10-01 23:18:50 · 60 阅读 · 0 评论 -
Vue-Axios
文章目录Vue-Axios七、Axios1、什么是Axios？2、为什么要使用Axios？3、第一个Axios应用程序？4、Vue的生命周期七、Axios1、什么是Axios？2、为什么要使用Axios？3、第一个Axios应用程序？4、Vue的生命周期Vue-Axios七、AxiosGitHub：https://github.com/axios/axios中文文档：http://www.axios-js.com/1、什么是Axios？Axios是一个开源的可以用在浏览器端和Node JS的异步原创 2021-10-01 23:17:05 · 80 阅读 · 0 评论 -
Vue-第一个Vue组件
Vue-第一个Vue组件六、第一个Vue组件组件是可复用的Vue实例， 说白了就是一组可以重复使用的模板， 跟JSTL的自定义标签、Thymeleal的th:fragment等框架有着异曲同工之妙，通常一个应用会以一棵嵌套的组件树的形式来组织：注意：在实际开发中，我们并不会用以下方式开发组件，而是采用vue-cli创建，vue模板文件的方式开发，以下方法只是为了让大家理解什么是组件。<!DOCTYPE html><head> <meta charset="U原创 2021-10-01 23:13:19 · 127 阅读 · 0 评论 -
Vue-双向绑定
文章目录Vue-双向绑定五、双向绑定1、什么是双向数据绑定？2、为啥要实现数据的双向绑定？3、在表单中使用双向数据绑定单行文本、多行文本复选框选择按钮下拉框Vue-双向绑定五、双向绑定1、什么是双向数据绑定？Vue.js是一个MV VM框架， 即数据双向绑定， 即当数据发生变化的时候， 视图也就发生变化， 当视图发生变化的时候，数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的非UI控件不会涉及到数据双向绑定。单向数据绑定是使原创 2021-10-01 23:12:00 · 97 阅读 · 0 评论 -
Vue-Vue的基本语法
文章目录Vue-Vue的基本语法四、Vue的基本语法1、v-bind2、v-if、v-else3、v-for4、v-onVue-Vue的基本语法四、Vue的基本语法1、v-bind现在数据和DOM已经被建立了关联， 所有东西都是响应式的。我们在控制台操作对象属性，界面可以实时更新!我们还可以使用v-bind来绑定元素特性!<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">原创 2021-10-01 23:11:01 · 79 阅读 · 0 评论 -
Vue-第一个Vue程序
文章目录Vue-第一个Vue程序三、第一个Vue程序1、什么是MVVM？2、为什么要使用MVVM（1）View（2）Model（3）ViewModel3、Vue**（2）为什么要使用Vue.js**4、第一个Vue程序**（1）下载地址****（2）第一个程序编写****（3）完整的HTML**(4) 测试Vue-第一个Vue程序三、第一个Vue程序1、什么是MVVM？MVVM（Model-View-ViewModel）是一种软件设计模式，由微软WPF（用于替代WinForm，以前就是用这个技术开发原创 2021-10-01 23:09:30 · 261 阅读 · 0 评论 -
Vue-前端发展史
文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design：阿里巴巴出品，基于React的UI框架ElementUI、iview、ice：饿了么出品，基于Vue的UI框架BootStrap：Teitter推出的一个用于前端开发的开源工具包AmazeUI：又叫“妹子UI”，一款HTML5跨屏前端框架2、JavaScript构建工具Babel原创 2021-10-01 23:07:06 · 404 阅读 · 0 评论 -
Vue-前端核心分析
文章目录Vue-前端核心分析一、前端核心分析1、概述2、前端三要素3、结构层（HTML）4、表现层（CSS）什么是CSS预处理器？常用的CSS预处理器有哪些？5、行为层（JavaScript）Native 原生JS开发TypeScript 微软的标准JavaScript框架Vue-前端核心分析一、前端核心分析1、概述Soc原则： 关注点分离原则Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据网络通信原创 2021-10-01 23:05:45 · 94 阅读 · 0 评论