Vue
文章平均质量分 79
vue概况
景抓马
工作愉快!
展开
-
Axios
前端网络请求的选择 选择一: 传统的Ajax是基于XMLHttpRequest(XHR) 选择二:会使用jQuery-Ajax 选择三: Fetch API 选择四: axios Axios的基本使用 支持多种请求方式: restful axios(config) axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(url[, config]) axios.post原创 2021-11-08 14:37:32 · 132 阅读 · 0 评论 -
Vuex.
Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 单界面的状态管理 State:不用多说,就是我们的状态。 View:视图层,可以针对State的变化,显示不同的信息。 Actions:这里的Actions主要是用户的各种操作:点击、输入等等,会导致状态的改变。 挂载到Vue实例中 1.让所有的Vue组件都可以使用这个store对象 2.来到main.js文件,导入store对象,并原创 2021-11-08 12:31:59 · 408 阅读 · 0 评论 -
vueRouter
前端路由阶段 ◼ 前后端分离阶段: ◼ 随着Ajax的出现, 有了前后端分离的开发模式. ◼ 后端只提供API来返回数据, 前端通过Ajax获取数据, 并且可以通过JavaScript将数据渲染到页面中. ◼ 这样做最大的优点就是前后端责任的清晰, 后端专注于数据上, 前端专注于交互和可视化上. ◼ 并且当移动端(iOS/Android)出现后, 后端不需要进行任何处理, 依然使用之前的一套API即可. ◼ 目前很多的网站依然采用这种模式开发. ◼ 单页面富应用阶段: ◼ 其实SPA最主要的特点就是在前后端原创 2021-11-08 11:58:56 · 139 阅读 · 0 评论 -
vue-cli
CLI是什么意思? CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置 创建阶段 ◼ beforeCreate( 创建前 ) ◼ 在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el 和 data 并未初始化,因此无法访问 methods, data, computed等上的方法和数据。 ◼ create原创 2021-11-08 11:27:18 · 81 阅读 · 0 评论 -
WebPack
webpack是一个静态的模块化打包工具,为现代的JavaScript应用程序 我们来对上面的解释进行拆解: 打包bundler:webpack可以将帮助我们进行打包,所以它是一个打包工具 静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务器); 模块化module:webpack默认支持各种模块化开发,ES Module、CommonJS、AMD等; 现代的modern:我们前端说过,正是因为现代前端开发面临各种各样的问题,才催生了webpack的出现和发 展; 1原创 2021-10-29 19:19:27 · 175 阅读 · 0 评论 -
Vue.js
创建Vue实例传入的options 在创建Vue实例的时候,传入了一个对象options。 ◼ el: ◼ 类型:string | HTMLElement ◼ 作用:决定之后Vue实例会管理哪一个DOM。 ◼data: ◼ 类型:Object | Function (组件当中data必须是一个函数) ◼ 作用:Vue实例对应的数据对象。 ◼ methods: ◼ 类型:{ [key: string]: Function } ◼ 作用:定义属于Vue的一些方法,可以在其他地方调用,也可以在指令中使用 Must原创 2021-10-22 20:49:06 · 176 阅读 · 0 评论 -
Vuejs-组件化开发
注册组件的基本步骤 ◼ 组件的使用分成三个步骤: ◼ 创建组件构造器 ◼ 注册组件 ◼ 使用组件 注册组件步骤解析 1.Vue.extend(): ◼ 调用Vue.extend()创建的是一个组件构造器。 ◼ 通常在创建组件构造器时,传入template代表我们自定义组件的模板。 ◼ 该模板就是在使用到组件的地方,要显示的HTML代码。 2.Vue.component(): ◼ 调用Vue.component()是将刚才的组件构造器注册为一个组件,并且给它起一个组件的标签名称。 ◼ 所以需要传递两个参数:原创 2021-10-23 12:20:17 · 158 阅读 · 0 评论