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