Vue
文章平均质量分 74
程序员大佬超
计算机科班人,全栈工程师,分享编程经验和技术干货,帮你少走弯路。
展开
-
Vue基础(五)--自定义指令与过渡
1.自定义指令分类:全局指令、局部指令1.1 自定义全局指令使用全局方法 Vue.directive(指令ID,定义对象) ,一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update...原创 2019-10-29 11:52:30 · 321 阅读 · 0 评论 -
Vue基础(二)--模板和过滤器
模板1.简介Vue.js使用基于HTML的模板语法,可以将DOM绑定到Vue实例中的数据模板就是{{}},用来进行数据绑定,显示在页面中也称为Mustache语法(双大括号)。2. 数据绑定的方式a.双向绑定双向绑定可以使用 v-model ,这里常用在输入框等地方。b.单向绑定方式1:使用双大括号即可,但是可能会出现闪烁的问题,可以使用 v-cloak 来解决。...原创 2019-10-29 11:45:44 · 249 阅读 · 0 评论 -
Vue基础(三)--生命周期和计算属性
Vue的生命周期1. 简介每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建之后执行代码:new Vue({ data: { ...原创 2019-10-29 11:49:22 · 507 阅读 · 0 评论 -
Vue基础(六)--组件及组件间的通讯
1.什么是组件扩展HTML元素,封装可重用的代码。 组件是自定义元素(对象)。2.定义组件的方式方式1:先创建组件构造器,然后由组件构造器创建组件方式2:直接创建组件示例:<!doctype html><html> <head> <meta charset="utf-8"> <...原创 2019-10-29 13:53:27 · 219 阅读 · 0 评论 -
Vue基础(一)--事件和属性
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Hello World!Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统,如下:<div id="content"&g...原创 2019-10-28 17:36:57 · 411 阅读 · 2 评论