Vue.js的学习(组件部分1)

我们一般通过new Vue({})的方式得到一个Vue实例 当我们注册Vue组件的时候,使用的是Vue.component(tagName,options) 全局注册//JS部分 首先全局注册一个组件 Vue.component("hello",{"templat...

2018-02-06 19:37:52

阅读数:48

评论数:0

Vue.js的学习(6)

表单输入绑定Vue.js提供了v-model来给<input>&<textarea>创建双向数据绑定v-model会先忽略所有表单元素的value&&checked&&selected的初始值,而总是将Vue实例中的data数据值作为...

2018-01-31 16:23:39

阅读数:44

评论数:0

Vue.js的学习(5)

事件处理程序v-on 是Vue用来监听DOM事件的指令缩写是@<ul id="app4"> <button @click="couter()">click</button> <li&g...

2018-01-30 15:38:40

阅读数:39

评论数:0

Vue.js的学习(4)

列表渲染我们用v-for 来进行列表的渲染操作 语法主要是 item in items语法,{{内容为item.message}},在数据中我们用一个items的数组来包含一个{}的数据。<div id="app"> <ul> &...

2018-01-29 14:19:31

阅读数:45

评论数:0

Vue.js的学习(3)

条件渲染v-if 所以必须将它添加到一个元素上<div id="app"> <p v-if="seen">yes</p> </div> //JS var app=new Vue({ el:&qu...

2018-01-26 11:51:52

阅读数:28

评论数:0

Vue.js的学习(2)

计算属性与观察者模板内的表达式非常便利,但是设计他们的初衷是用来简化运算的。在模板内放入太多的逻辑会让代码难以维护 所以当我们要使用复杂逻辑的时候我们最好使用计算属性<div id="example"> <p>原始:{{message}...

2018-01-25 12:13:32

阅读数:36

评论数:0

Vue.js的学习(1)

Vue实例我们通过new的方式创建Vue的实例//创建实例 var vue=new Vue(); //给这个实例添加一点什么 var data={value:2}; var vue=new Vue({ data:data }) 当这些属性的值发生改变时,视图会产生响应,会更改匹配的值,前提...

2018-01-24 15:29:18

阅读数:46

评论数:0

Vue笔记(一)

CDN库http://www.bootcdn.cn/<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>还可以下载源代码,用本地文件导入Vue.min.js<scr...

2017-08-28 22:36:11

阅读数:230

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭