摘要: 如果需要在点击鼠标时,执行一个复杂的操作,那么采用单一的表达式 作为v-on指令值就不够了 —— 我们需要将复杂的操作封装为Vue实例的 一个方法,然后将v-on指令的值设置为这个方法。 使用methods配置项来声明Vue实例的方法。当Vue.js创建一个Vue实例时, 会将methods配置项中 阅读全文
posted @ 2018-04-16 11:46 阿宜 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 视图的作用是双向的,除了向用户展示信息,另一方面的用途在于采集用户的输入。 和数据绑定类似,Vue.js通过扩展模板的HTML语法,来声明对用户交互事件 的监听。例如,下面的模板向Vue.js框架声明了对button元素的click 事件的监听: 容易注意到button元素的特殊属性:v-on:cl 阅读全文
posted @ 2018-04-16 11:41 阿宜 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 响应式计算是一种面向变化传播的编程范式,响应式计算模型主要包括 两个部分:数据源和(依赖于数据源的)计算过程。当数据源发生变化时, 将自动执行计算过程(比如视图的渲染过程): 虽然响应式计算本质上是一种通用的编程范式,但这种模型最初就是为了简化交互 式用户界面的创建和实时系统动画的绘制而提出来的一种 阅读全文
posted @ 2018-04-16 11:39 阿宜 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 通常使用data配置项来声明Vue实例的数据模型,这容易让我们误以为 只有在data对象上声明的数据才可以与模板绑定。 当然不是这样,模板的数据上下文 = Vue实例对象。 当Vue.js创建一个Vue实例时,它会将data配置项的每个根属性,(经过若干处理后) 添加为实例的根属性。 因此,实际上我 阅读全文
posted @ 2018-04-16 11:36 阿宜 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 模板的存在的唯一目的,是为了和数据绑定。 Vue.js在标准HTML语法基础上,增加了一些扩展的语法来声明数据的绑定。 数据绑定语法 在Vue.js的模板中,最常见的一种数据绑定语法,是使用模板引擎Mustache 的插值写法:{{}}。例如,下面的模板绑定了实例上下文中的name变量: 当Vue. 阅读全文
posted @ 2018-04-16 11:34 阿宜 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 在创建Vue实例时,如果声明了el配置项,那么你也可以省略template 选项。这时候,Vue.js将提取锚点元素的HTML内容,做为模板。 我们可以使用单一的el配置项来创建Vue实例: 在Vue.js中,这种模板被称为HTML模板,而使用template配置项 书写的模板,被称为字符串模板。 阅读全文
posted @ 2018-04-16 11:30 阿宜 阅读(226) 评论(0) 推荐(0) 编辑
摘要: vue是以JavaScript作为应用入口,HTML提供一个渲染锚点, 创建一个vue示例,引入库文件,创建vue实例,渲染vue实例; 引入vue.js库 会暴露出一个全局类vue 用全局类vue创建一个vue实例 var vm=new Vue({ template:‘<h1>fffff</h1> 阅读全文
posted @ 2018-04-16 11:23 阿宜 阅读(143) 评论(0) 推荐(0) 编辑
摘要: vue.js的定位是一个渐进式框架,与其他框架的区别就是渐进式的想法,一步一步,不是说你必须一竿子把所有东西都用上。 你只需要具备HTML/JAVASCRIPT/CSS基础,就可以快速上手,让你用上这些现代Web开发中的先进技术来提高你的生产力。 响应式编程、声明式渲染、组件化开发、虚拟DOM、跨平 阅读全文
posted @ 2018-04-16 11:03 阿宜 阅读(193) 评论(0) 推荐(0) 编辑