Vue专题
文章平均质量分 89
源码小哥
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue专题(一)-Vue入门
1.前言先聊一下前端开发模式的发展。静态页面最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新,操作DOM1995年,网景工程师Brendan Eich 花了10天时间设计了JavaScript语言.随着JavaScript的诞生,我们可以操作页面的DOM元素及样式,页面有了一些动态的效果,...原创 2019-08-25 13:02:49 · 560 阅读 · 3 评论 -
Vue专题(二)-Vue实例
1.创建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:var vm = new Vue({ // 选项})在构造函数中传入一个对象,并且在对象中声明各种Vue需要的数据和方法,包括:eldatamethods…接下来我们一 一介绍。2.模板或元素每个Vue实例都需要关联一段Html模板,Vue会基于此模板进行视图渲染。我们可...原创 2019-08-25 16:35:40 · 518 阅读 · 0 评论 -
Vue专题(三)-Vue指令
1.指令指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是:单个JavaScript 表达式。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM。例如我们在入门案例中的v-on,代表绑定事件。2.插值表达式2.1.花括号格式:{{表达式}}说明:该表达式支持JS语法,可以调用js内置函数(必须有返回值)表达式必须有返回结果。...原创 2019-08-25 16:58:43 · 270 阅读 · 0 评论 -
Vue专题(四)-Vue组件
在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发,这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发。1.全局组件我们通过Vue的component方法来定义一个全局组件。<div id="app"> <!--使...原创 2019-08-25 18:28:09 · 286 阅读 · 0 评论
分享