摘要: 本人不是很爱用插件,也不太想研究这个,不过有些插件是真的要用,这里记录一下: 一. Chinese 开启中文简体 二. Live Server 实况伺服器; 安装后,在.html文件中直接右键选中Open with Live Server,就会在浏览器上以服务的方式打开文件 地址栏从 file:// 阅读全文
posted @ 2021-07-30 11:23 真的想不出来 阅读(47) 评论(0) 推荐(0) 编辑
摘要: Vue 实例的生命周期(09.生命周期函数演示.html) 什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期。 生命周期钩子:也叫 生命周期事件 或者 生命周期函数。 主要的生命周期函数分类: 创建期间的生命周期函数: beforeCreate: 阅读全文
posted @ 2021-07-30 10:43 真的想不出来 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 关键字: 指令、过滤器、修饰符 向元素中插入值 (02.基础v-xxx的学习.html) {{ msg }} 插值表达式 v-cloak v-text v-html v-bind 绑定属性机制,简写 :。 v-on 事件绑定机制,简写 @,语法: v-on:不带on的事件='注册的函数',举例:v- 阅读全文
posted @ 2021-07-30 10:42 真的想不出来 阅读(52) 评论(0) 推荐(0) 编辑
摘要: vuex 状态管理器(27-vuex状态管理器.html) 作用:将数据交给state集中管理、分发。 应用:用于复杂的页面,一个数据被多个页面或者路由共享(互相交互),或者多层级数据交互时可以使用vuex。 安装:npm install vuex 使用: import Vue from 'vue' 阅读全文
posted @ 2021-07-30 10:36 真的想不出来 阅读(10) 评论(0) 推荐(0) 编辑
摘要: solt插槽(26-solt插槽.html) 定义slot:(目的:内容上:有配置走配置,没配置走默认,顺序:走默认) 引入子组件,如果不定义某个默认的结构或者样式,那么直接写子组件的名称即可 如果要自定义: 1.子组件必须为双标签。 2.子组件内写上自定义的结构或者样式并且加上slot的属性,而这 阅读全文
posted @ 2021-07-30 10:35 真的想不出来 阅读(14) 评论(0) 推荐(0) 编辑
摘要: computed计算属性(25-computed-计算属性.html) computed 基础使用方法 computed:{ fullName() { return this.firstName + "-" + this.lastName; } } computed 的静态方法之:get、set g 阅读全文
posted @ 2021-07-30 10:34 真的想不出来 阅读(21) 评论(0) 推荐(0) 编辑
摘要: watch 监听(24-watch-监听.html) 监听 data 数据的改变(最基本的使用) watch: { firstName: function (newVal, oldVal) { //... } }, watch 的特性:最初绑定的时候是不会执行的,要等到 监听的数据 改变时才执行监听 阅读全文
posted @ 2021-07-30 10:34 真的想不出来 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 什么是路由 后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应着服务器上对应的资源。 前端路由:对于单页面应用程序来说,主要通过URL中的#hash来实现不同页面的切换,同时,hash有个特点:HTTP请求中不会包含hash相关内容;所以,单页面程序中的页面跳转主要用has 阅读全文
posted @ 2021-07-30 10:34 真的想不出来 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 组件之间的传值 父子组件之间的信息传递(18-父子组件之间的信息传递.html) ref 获取DOM元素和组件(19-通过ref获取DOM元素.html) 阅读全文
posted @ 2021-07-30 10:33 真的想不出来 阅读(10) 评论(0) 推荐(0) 编辑
摘要: vue-resource 第三方包(10.Vue-resource实现get-post-jsonp请求.html) 除了 vue-resource 之外,还可以使用 axios 的第三方包实现数据的请求。 测试用的URL请求资源地址,基本满足所有请求类型: http://jsonplaceholde 阅读全文
posted @ 2021-07-30 10:31 真的想不出来 阅读(11) 评论(0) 推荐(0) 编辑
摘要: Vue 过渡&动画(12-Vue过渡&动画.html) 通过 控制 class,来展示动画 使用过渡类名实现动画: 使用 transition 元素,把需要被动画控制的元素,包裹起来(transition 元素,是Vue官方提供的 自定义两组样式,来控制 transition 内部的元素实现动画 修 阅读全文
posted @ 2021-07-30 10:31 真的想不出来 阅读(21) 评论(0) 推荐(0) 编辑
摘要: Vue 组件化 (14-Vue组件.html) 什么是组件 组件的出现,就是为了拆分 Vue 实例的代码量的,能够让我们以不同的组件来划分不同的功能模块, 将来我们需要什么样的功能,就可以去调用对应的组件即可。 组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个 阅读全文
posted @ 2021-07-30 10:31 真的想不出来 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 关键字: 指令、过滤器、修饰符 向元素中插入值 (02.基础v-xxx的学习.html) {{ msg }} 插值表达式 v-cloak v-text v-html v-bind 绑定属性机制,简写 :。 v-on 事件绑定机制,简写 @,语法: v-on:不带on的事件='注册的函数',举例:v- 阅读全文
posted @ 2021-07-30 10:30 真的想不出来 阅读(15) 评论(0) 推荐(0) 编辑
摘要: Vue 实例的生命周期(09.生命周期函数演示.html) 什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期。 生命周期钩子:也叫 生命周期事件 或者 生命周期函数。 主要的生命周期函数分类: 创建期间的生命周期函数: beforeCreate: 阅读全文
posted @ 2021-07-30 10:30 真的想不出来 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 快速上手: 一. 初始化项目(取名字的时候一定不要取工具的名字) npm init -y 二. 安装webpackc webpack 安装的两种方式: 运行npm install --global webpack全局安装webpack,这样就能在全局使用webpack命令【不建议】 在项目根目录中运 阅读全文
posted @ 2021-07-30 10:24 真的想不出来 阅读(52) 评论(0) 推荐(1) 编辑