wzndkj - 博客园

2018年9月10日

摘要：第一种：class的对象绑定，class引用的是一个对象，这个对象的属性显示不显示由变量决定 <style> .activated{ color:red; } </style> <div id='app'> <div @click = 'handleClick' :class='{activated 阅读全文

posted @ 2018-09-10 09:47 wzndkj 阅读(802) 评论(0) 推荐(0) 编辑

vuejs计算属性getter和setter

摘要：当页面获取某个数据的时候，先会在data里面找，找不到就会去计算属性里面找，在计算属性里面，获取的时候会自动去执行get方法 <div id='app'> {{fullName}} </div> <script> var vm = new Vue({ el:'#app', data:{ firstN 阅读全文

posted @ 2018-09-10 06:44 wzndkj 阅读(3281) 评论(0) 推荐(0) 编辑

2018年9月9日

vuejs生命周期函数

摘要：生命周期函数就是vue实例在某一个时间点会自动执行的函数当我们创建一个实例的时候，也就是我们调用 new Vue() 这句话的时候，vue会帮助我们去创建一个实例，创建过程其实并不像我们想的那么简单，他要经过很多的步骤 Init(Events & Lifecycle):首先他会去初始化事件和生命周阅读全文

posted @ 2018-09-09 09:54 wzndkj 阅读(26915) 评论(0) 推荐(1) 编辑

2018年9月7日

课程学习方法

摘要：任何框架的学习，其实最好的资料就是官方的文档，以vuejs为例 vuejs是国人写的，所以他的文档非常的健全 https://cn.vuejs.org/index.html 初学者一行一行的读文字是比较枯燥的，这个时候建议大家怎么学习呢？ 1、根据视频教程去掌握一些基础的知识点 2、听完视频后，养成阅读全文

posted @ 2018-09-07 06:37 wzndkj 阅读(371) 评论(0) 推荐(1) 编辑

2018年9月4日

vuejs组件

摘要： <div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件：上面这种组件叫做全局组件阅读全文

posted @ 2018-09-04 21:46 wzndkj 阅读(202) 评论(0) 推荐(0) 编辑

vuejs里面v-if,v-show和v-for

摘要： <div id='root'> <div v-if='show'>helle world</div> <button @click='handleClick'>toggle</button> </div> <script> new Vue({ el:'#root', data:{ show:true 阅读全文

posted @ 2018-09-04 06:47 wzndkj 阅读(1993) 评论(0) 推荐(0) 编辑

2018年8月31日

vuejs计算属性和侦听器

摘要： <div id='root'> 姓:<input v-model='firstName'/> 名:<input v-model='secondName'/> <div>{{fullName}}</div> <div>{{count}}</div> </div> <script> new Vue({ 阅读全文

posted @ 2018-08-31 06:33 wzndkj 阅读(193) 评论(0) 推荐(0) 编辑

2018年8月27日

vuejs属性绑定和双向绑定

摘要：属性绑定 html <div v-bind:title="title">hello world</div> js js new Vue({ el:'#root', data:{ title:'this is hello world' } }) 所以我们注意到一个点，只要是vuejs的指令，后面的就不阅读全文

posted @ 2018-08-27 07:00 wzndkj 阅读(1612) 评论(0) 推荐(1) 编辑

vuejs数据和事件

摘要： <body> <div id='root'>{{number}}</div> <script> new Vue({ el:'#root', data:{ msg:'hello world', number:123 } }) </script> </body> 数据写法 {{number}} //这个阅读全文

posted @ 2018-08-27 06:40 wzndkj 阅读(394) 评论(0) 推荐(0) 编辑

2018年8月25日

vuejs挂载点，模板与实例的关系

摘要： <body> <div id='root'> <h1>{{msg}}</h1> </div> <script> new Vue({ el:'#root', data:{ msg:'hello world' } }) </script> </body> 挂载点：element对应的标签挂载点：ele 阅读全文

posted @ 2018-08-25 16:52 wzndkj 阅读(768) 评论(0) 推荐(0) 编辑

Zina

不积跬步，无以至千里