w3school包过培训班

w3school包过培训班

提供包括HTML,CSS,Javascript,jQuery,C,PHP,Java,Python,Sql,Mysql等编程语言和开源技术的在线教程及使用手册,视频课件下载,人工远程视频培训,包过!!

报名热线:13393111009

zend包过培训班

zend包过培训班

通过系统的培训提高PHP技术,国际认可的Zend PHP 证书有助于提高自身价值。具体课程包括PHP A-Zend(A-Zend PHP系统培训课程)、PHP Essentials(PHP基础培训课程)、Professional PHP Development(专业PHP开发课程)、PHP Certification Training(PHP认证培训课程)。

报名热线:13393111009

免费教程

Vue.js 表单

Vue.js 表单 这节我们为大家介绍 Vue.js 表单上的应用。 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正确的方法来更新元素。 输入框 实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定: <div id="app"> <p>input 元素:</p> <input v-model="message" placeholder="编辑我……"> <p>消息是:...

了解更多

Vue.js 路由

Vue.js 路由 本章节我们将为大家介绍 Vue.js 路由。 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。 Vue.js 路由需要载入 vue-router 库 中文文档地址:vue-router文档。 安装 1、直接下载 / CDN https://unpkg.com/vue-router/dist/vue-router.js NPM 推荐使用淘宝镜像: cnpm install...

了解更多

Vue.js 自定义指令

Vue.js 自定义指令 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点: 实例 <div id="app"> <p>页面载入时,input 元素自动获取焦点:</p> <input v-focus> </div> <script> // 注册一个全局自定义指令 v-focus Vue.directive('focus', {...

了解更多

Vue.js 组件

Vue.js 组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 注册一个全局组件语法格式如下: Vue.component(tagName, options) tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方式来调用组件: <tagName></tagName> 全局组件 所有实例都能用全局组件。...

了解更多

Vue.js Ajax(vue-resource)

Vue.js Ajax(vue-resource) Vue 要实现异步加载需要使用到 vue-resource 库。 Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。 <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script> Get 请求 以下是一个简单的 Get 请求实例,请求地址是一个简单的 txt 文本: 实例 window.onload =...

了解更多

Vue.js 混入

Vue.js 混入 混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 来看一个简单的实例: 实例 var vm = new Vue({ el: '#databinding', data: { }, methods : { }, }); // 定义一个混入对象 var myMixin = { created: function () { this.startmixin() }, methods: { startmixin:...

了解更多

Vue.js 过渡 & 动画

Vue.js 过渡 & 动画 本章节我们主要讨论 Vue.js 的过渡效果与动画效果。 过渡 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。 语法格式 <transition name = "nameoftransition"> <div></div> </transition> 我们可以通过以下实例来理解 Vue 的过渡是如何实现的: 实例 <div id =...

了解更多

Vue.js 响应接口

Vue.js 响应接口 Vue 可以添加数据动态响应接口。 例如以下实例,我们通过使用 $watch 属性来实现数据的监听,$watch 必须添加在 Vue 实例之外才能实现正确的响应。 实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20 。 实例 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++"...

了解更多

Vue.js 实例

Vue.js 实例 本章节为大家介绍几个 Vue.js 实例,通过实例练习来巩固学到的知识点。 导航菜单实例 导航菜单 创建一个简单的导航菜单: <div id="main"> <!-- 激活的菜单样式为 active 类 --> <!-- 为了阻止链接在点击时跳转,我们使用了 "prevent" 修饰符 (preventDefault 的简称)。 --> <nav v-bind:class="active" v-on:click.prevent> <!--...

了解更多

Vue.js 教程

Vue.js 教程 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。 阅读本教程前,您需要了解的知识: HTML CSS JavaScript 本教程主要介绍了 Vue2.x 版本的使用。 第一个实例 Vue 2.0 Hello World <div id="app">...

了解更多

Vue.js 事件处理器

Vue.js 事件处理器 事件监听可以使用 v-on 指令: v-on <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p> </div> <script> new Vue({ el: '#app', data: { counter: 0 } }) </script> 尝试一下 »...

了解更多

Vue.js 样式绑定

Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。 class 属性绑定 我们可以为 v-bind:class 设置一个对象,从而动态的切换 class: 实例 1 实例中将 isActive 设置为 true 显示了一个绿色的 div 块,如果设置为 false 则不显示:...

了解更多

Vue.js 监听属性

Vue.js 监听属性 本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器: 实例 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button>...

了解更多

Vue.js 计算属性

Vue.js 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子: 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 尝试一下 » 实例 1 中模板变的很复杂起来,也不容易看懂理解。 接下来我们看看使用了计算属性的实例: 实例 2 <div id="app"> <p>原始字符串: {{ message }}</p>...

了解更多