kongduxue的专栏

Author:vanessa Date:2018/01/21  ## 方式一：直接<script\>引入，cdn的方式 1.可以将vue,js下载到本地引入 <script src="本地路径/vue.js"></script> 2.也可以直接写cdn的地址 <script src="https://cdn.jsdelivr.net/npm/...

Author:vanessa Date:2018/01/21  参考文献： https://www.cnblogs.com/xiaofenguo/p/6605091.html ## 1.创建一个实例 var vm = new Vue({　 　　　//选项 　　　|-------DOM（3） 　　　|  　　　　|-------el (提供一个在页面上已存在的 DOM 元素作为 Vue...

Author:vanessa Date:2018/02/04 * 指令：带有 v- 前缀的特殊属性，指令属性的值预期是单个 JavaScript 表达式，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM * 参数：一些指令能够接收一个“参数”，在指令名称之后以冒号表示。如v-bind:href，href即为参数 * 修饰符：是以半角句号 . 指明的特殊后缀，如：v-on:sub...

Vue计算属性 Author:vanessa Date:2018/02/11 计算属性（computed）：通过对data中属性，进行简单变换后得到的属性 例子： <div id="box"> <div>{{msg}}</div> <div>{{doubleMsg}}</div> ...

Author:vanessa Date:2018/02/11 ---样式内容--- <style> .title{font-size: 40px;} .active{color:red} .txt{text-decoration: line-through} .bg{background: yellowgreen} ...

Author: vanessa Date: 2018/03/06 1.v-if语法：写在html标签内部，类似于标签属性 <div id="app"> <div v-if="examType=='kzbs'">考证笔试</div> <div v-else-if="examType=='kzms'">考证面试&

Author: vanessa Date: 2018/06/15 1.v-on语法,简写用@代替v-on <div v-on:click="add"></div> <div v-on:click="add2('a',$event)"></div> <script> new Vue({ el:'', data:{

Author: vanessa Date: 2018/06/19 1.组件 <my-div></my-div> Vue.component('my-div',{ template:'<button>按钮</button>', }) 2.父组件给子组件传递数据props <my-div title="this is a ele...

Author: vanessa Date: 2018/06/19 1.组件命名 使用小写，单词中间加横线，如：<my-input></my-input> 2.注册 a.全局注册 Vue.component('my-component-name', { // ... 选项 ... }) b.局部注册,components这个属性一定是复数 var Co...

Author: vanessa Date: 2018/06/19 1.keep-alive 失活的组件将会被缓存 <keep-alive> <component v-bind:is="currentTabComponent"></component> </keep-alive>

Author: vanessa Date: 2018/06/20 1.css过渡，transition <div id="example-1"> <button @click="show = !show"> Toggle render </button> <transition name="slide-fade"&gt