html代码： <script type="text/x-template" id="item-template"> <li> <div :class="{bold: isFolder}" @click="toggle"> {{model.name}} <span v-if="isFolder">[{{open ? - : +}}]</span> </div> <!--v-show控制当前元素的display属性，根据v-show里面的值来判断，true显示，false不显示--> <ul v-show="open" v-if="isFolder"> <!--model用于双向绑定数据--> <item class="item" v-for="model in model.children" :model="mode...
前言最近几个月一直在看VUE，然后试着只用原生js+vue实现某些组件。PC端时间选择组件 这是最开始实现的pc上的时间选择，平时移动端也在做，所以就想实现一下移动端的时间选择器，下面分享一下我实现移动端滚轮特效时间选择器的思路和过程。整个组件是基于vue-cli来进行构建的功能1.时间选择[ A.年月日选择 B.年月日小时分钟选择 C.小时分钟选择 D.分钟选择]2.滚轮效果[ A.构成一个圆环首尾相连 B.不构成首尾相连]3.时间选择范围设置...
大家先看看页面效果吧,当当当当```````````````````````图中第二个选题是小颖点击了"新增选题"按钮,然后出来的,当你点击了"删除选项"或"删除选题"按钮,就会删除相应的选项和选题. html代码 <template> <div class="main-container"> <div class="form-horizontal"> <template v-for=(subjectIndex,subject) in question> <div class="form-group"> <label class="col-sm-1 control-label">选题:</label> <label class="col-sm-2 co...
什么是 Vue.js？ Vue.js 是用于构建交互式的 Web 界面的库。 Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。 Vue.js 特点 简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。 数据驱动： 自动追踪依赖的模板表达式和计算属性。 组件化： 用解耦、可复用的组件来构造界面。 轻量： ~24kb min+gzip，无依赖。 快速： 精确有效的异步批量 DOM 更新。 模块友好： 通过 NPM 或 Bower 安装，...
今天学习vue全局配置。希望帮助我们去了解vue的全局配置，快速开发。Vue.config是vue的全局配置对象。包含Vue的所有全局属性：代码如下：silent:boolean(默认值：false)----取消Vue的所有的日志与警告 ；用法：Vue.config.silent = true optionMergeStrategies：{[key:string]:Function}(默认是空对象{}） vue.config.optionMergeStrategies._my_option = function (parent, child, vm) { return child + 1 }自定义合并策略的选项：...
必备知识：http://github.crmeb.net/u/defu 写轮播页面：HTML+CSS vue-cli：创建项目 Vue基础：模板语法、计算属性、侦听器、渲染方式（条件渲染、列表渲染）、组件 深入组件：组件注册、父子组件的交互方式、自定义事件 vue过渡：进入、离开过渡 CSS动画：CSS3 transfrom 属性 效果图： 组件构成： 利用Html 和 CSS 写一个基本的图片轮播页面 这部分很简单吧，常规的显示图片及轮播数字下标。CSS按照自己喜欢的样式随便调整。（最...