Vue
赵俸堃是我的名字
一万年太久,只争朝夕
展开
-
袁磊老师的课,VUE(一)
教学目标: 一、前端框架发展 二、Vue特点 三、了解Vue的版本和常用学习资源 老师说:vue需要大家多多的练习,老师讲的会比较少一些 详细内容: 1.MV*模式 在前端技术的快速发展过程中,MVC(模型-视图-控制器)、MVP(模型-视图-表示器)、MVVM(模型-视图-视图模型)也得到了很多使用。 ①MVC全名是Model View Controller,一种软件设计典范,用一种业务逻...原创 2019-04-16 19:48:58 · 278 阅读 · 0 评论 -
袁磊老师的课,VUE(二)
老师说,vue主要靠大家联系,所以,这节课的练习会多一些。 一、Vue基础应用 1.v-bind ①作用:动态设置属性值,可以给html元素或者组件动态地绑定一个或多个特性,例如动态绑定style和css。 ②语法: 正常:v-bind:属性名=“引用data中定义的变量” 简写::属性名=“引用gdata中定义的变量”修饰符 举例子1: v-bind简写举例子: 2.v-once 作用:只绑...原创 2019-04-18 11:53:56 · 174 阅读 · 0 评论 -
袁磊老师的课,VUE(三)
今天来做两个联系,来领悟一下vue的主要思想 第一个练习,自己拿去玩 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-04-23 17:01:32 · 160 阅读 · 0 评论 -
袁磊老师的课,VUE(四)
一、自定义指令 当vue提供的系统指令不能满足需求时,就需要自己定义指令来进行扩展。例如v-focus指令来实现文本框自动获取焦点功能。 练习1 具体知识点在代码的注释中!!!!!1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n...原创 2019-04-25 11:44:10 · 190 阅读 · 0 评论 -
袁磊老师的课,VUE(六)
一、 Vue组件Component 组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码 第一步:创建组件:var component = Vue.extend(配置项) 第二步:注册组件: ①全局组件 Vue.component(组件名.component) ②局部组件:component:{‘组件名’:component} template 要尽量跟着反引号...原创 2019-05-09 10:56:51 · 172 阅读 · 0 评论 -
袁磊老师的课,Vue全家桶(一)
一、单页面应用spa 就是只有一张web页面的应用,就是加载单个html。 优点:页面切换快 缺点:首屏时间稍慢,SEO(搜索引擎优化)差 “搜索引擎还读不懂单页面,搜索引擎擅长读的是多页面” 二、路由 vue-router 基本使用: <router-link to="/home">主页</router-link> <router-view...原创 2019-05-14 16:58:56 · 292 阅读 · 0 评论 -
袁磊老师的课,VUE(五)
一、watch 当每次监听到值发生改变时,执行函数 适用于,当数据发生变化时,执行异步操作或较大开销操作的情况 写法: watch:{ name:{ handler(newName, oldName){}, deep:true, immediate:true } } 练习:电脑瓦特了,没写什么备注… <!DOCTYPE html> <html lang=...原创 2019-05-07 17:01:31 · 253 阅读 · 0 评论 -
Vue生命周期
一、什么是生命周期? 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期! 二、生命周期钩子 就是生命周期事件的别名而已 三、生命周期 = 生命周期函数 = 生命周期事件 四、主要的生命周期函数分类: 1.创建期间的生命周期函数: ①beforeCreate:实例刚在内存中被创建出来,此时,还没有初始好data和methods属性 ②created:实例已经在内...原创 2019-08-01 14:05:43 · 184 阅读 · 0 评论