Vue(狂神说系列)
文章平均质量分 62
学习记录笔记
六月的六
他说身逢盛世,当有所作为。
他说,失败总是贯穿人生始终,这就是人生
展开
-
Vue——13,vue-router路由(狂神系列)
13——vue-router路由首先要明白什么是路由:,路由是指根据URL分配到对应的处理程序。对于大多数单页面应用,都推荐使用官方支持的vue-router。Vue-router通过管理URL,实现URL和组件的对应,以及通过URL进行组件之间的切换。由于是跟着狂神一路来的,所以要按视频要求打开之前创建的myvue项目,由于我打开错了项目,反正总之走了一晚上的弯路,打开项目之后在控制台上执行npm install vue-router --save-dev因为vue-rout原创 2021-02-21 10:48:11 · 258 阅读 · 1 评论 -
Vue——12——webpack使用(狂神系列)
12——webpack使用webpack就是把Es6规范的代码打包成ES5规范的代码运行ES6规范可以在编写阶段报错,就是严格模式什么是Webpack本质上, webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack处理应用程序时, 它会递归地构建一个依赖关系图(dependency graph) , 其中包含应用程序需要的每个模块, 然后将所有这些模块打包成一个或多个bundle. Webpack是当下最热门的前端资源模块化管原创 2021-02-21 10:46:56 · 499 阅读 · 1 评论 -
Vue——11,第一个vue-cli项目(狂神系列)
11,第一个vue-cli项目1、什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板; 预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个估计项目就是脚手架,我们的开发更加的快速; 项目的功能统一的目录结构本地调试热部署单元测试集成打包上线2、需要的环境Node.js:http://nodejs.cn/download/安装就是无脑的下一步就好,安装在自己的环境目录下Git:https://原创 2021-02-21 10:46:05 · 221 阅读 · 0 评论 -
Vue——10,Vue入门小结(狂神系列)
10,Vue入门小结基本组成:基础语法条件判断 if for网络通信 axios组件及其界面布局最后实现Vue单页面应用(SPA)核心:数据驱动(React),组件化(Angular)优点:借鉴了AngularJS的模块化开发和React的虚拟Dom,虚拟Dom就是把Demo操作放到内存中执行;常用的属性:v-ifv-else-ifv-elsev-forv-on绑定事件,简写 @v-model数据双向绑定v-bind给组件绑定参数,简写 :组件化:组合组件slo原创 2021-02-21 10:44:38 · 156 阅读 · 0 评论 -
Vue——8,内容分发(插槽)(狂神系列)
8,内容分发(插槽)注意事项props,参数不要使用驼峰命名法,容易出错在Vue.js中我们使用``元素作为承载分发内容的出口,作者称其为插槽,可以应用在组合组件的场景中;测试:比如准备制作一个待办事项组件(todo) , 该组件由待办标题(todo-title) 和待办内容(todo-items)组成,但这三个组件又是相互独立的1,代码实例<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www原创 2021-02-21 10:44:01 · 162 阅读 · 1 评论 -
Vue——7,计算属性(狂神系列)
7,计算属性计算属性:计算出来的结果,保存在属性中。就像在mybatis中的缓存,运行完之后存在内存之中,再次调用的时候直接从内存中取出,提高效率,节省资源。但是当实例中的对象的值发生改变时,计算属性的值是会发生变化的,这点也和缓存一样1,代码实例<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-for="http://www.w3.org/1999/x原创 2021-02-21 10:43:05 · 110 阅读 · 1 评论 -
【Vue】—6:网络通信(Vue:Axios异步通信)(狂神系列)
6,网络通信(Vue:Axios异步通信)axios: cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>1,Vue实例的生命周期Vue有一个完整的生命周期,也就是从创建开始,初始化数据,编译模板,挂载DOM,渲染–》更新–》渲染,卸载,等一系列过程,我们称之为Vue的生命周期。通俗的说就是Vue实例从创建到销毁的过程,就是生命周期。2,什么是AxiosAxios是一个开源的可原创 2020-12-02 09:56:59 · 444 阅读 · 0 评论 -
【Vue】—4:双向绑定和组件(狂神说系列)
4,双向绑定1,在表单中使用双向数据绑定 你可以用v-model 指令在表单, , 及下拉框元素上创建双向数据绑定。它负责监听用户的输入事件以更新数据,并对一些极端场景经行处理。 注意:v-model 会忽略所有表单元素的value,checked,selected特性的初始值而总是将Vue 实例的数据作为数据的来源,你应该通过JavaScript在组件的data选项中声明初始值!1,单行文本<!DOCTYPE html><html lang="en" xmlns:v-原创 2020-12-02 09:56:26 · 127 阅读 · 0 评论 -
【Vue】—3:事件处理(狂神说系列)
3,事件处理可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。事件必有方法方法必须定义在Vue的methods对象中,v-on:事件1,代码实例<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-for="http://www.w3.org/1999/xhtml" xmlns:v-on="http://ww原创 2020-12-02 09:55:10 · 144 阅读 · 0 评论 -
【Vue】—2:判断循环(狂神说系列)
2,判断循环1,指令:带有v-前缀的2,判断调试界面:使用vue对象调用data中的属性if else<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Title</title></head><bo原创 2020-12-02 09:51:17 · 505 阅读 · 0 评论 -
【Vue】—1:vue初了解(狂神说系列)
vue-2020-12-1由雨溪,关注度分离原则1,vue初了解1,vue.jsAngular:谷歌开发,特点是实现模块化开发(模块化)React:FaceBook开发,特点是实现虚拟Dom(使用内存)Vue:吸收了上面两者的特点2,MVVM模式的实现者Model :模型层,在这里表示javaScript对象View:视图层,在这里表示Dom(HTML操作的元素)ViewModel :连接视图和数据的中间件,Vue.js 就是MVVM中的ViewModel层的实现原创 2020-12-02 09:49:21 · 351 阅读 · 0 评论