Vue.js 的核心是一个响应的http://www.gxlcms.com/code/7876.html" target="_blank" style="line-height: 1.76em;">数据绑定系统，它允许我们在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。被绑定的DOM 将与数据保持同步，每当数据有改动，相应的DOM视图也会更新。基于这种特性，通过vue.js动态绑定class就变得非常简单。1. 数据绑定vue 指令以 v- 前缀标示，数据绑定的指令 v-bind:属性名, 简写为 :属性名, 简单的...
前言最近几个月一直在看VUE，然后试着只用原生js+vue实现某些组件。PC端时间选择组件 这是最开始实现的pc上的时间选择，平时移动端也在做，所以就想实现一下移动端的时间选择器，下面分享一下我实现移动端滚轮特效时间选择器的思路和过程。整个组件是基于vue-cli来进行构建的功能1.时间选择[A.年月日选择B.年月日小时分钟选择C.小时分钟选择 D.分钟选择]2.滚轮效果[A.构成一个圆环首尾相连B.不构成首尾相连]3.时间选择范围设置(所选...
vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。今天给大家分享一篇教程关于Vue.js 60分钟快速入门教程，一起看看吧vuejs是当下很火的一个Javascript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据...
这篇文章主要为大家详细介绍了vuejs从安装到搭建的整个过程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下最初的时候用vue是直接下载相关文件 按照以前的方法来操作的后来发现安装好以后似乎用起来更便利，然后就开始琢磨着怎么搭起框架来，下面是过程：安装1、 安装nodejs直接网上找下载就好2、安装淘宝镜像打开命令行 输入npm install -g cnpm --registry= https://registry.npm.taobao.org3、安装webpackcnpm install web...
这篇文章主要为大家分享了一份超简单的Vue.js环境搭建教程，帮助大家快速搭建vue环境，具有一定的参考价值，感兴趣的小伙伴们可以参考一下vue这个新的工具，确实能够提高效率，vue入门的精髓：(前提都是在网络连接上的情况下)1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。 这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢...
这篇文章主要为大家详细介绍了Vue.js开发环境快速搭建教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 Vue.js 现在在后端、前端、微信、移动端Web非常流行，今天简单模拟Vue.js快速安装；1.安装npm npm 是node.js 的包管理工具, 安装流程地址：https://docs.npmjs.com/cli/install 估计会非常慢，我们可以使用淘宝NPM镜像下载安装：https://npm.taobao.org/##安装npm## sudo npm install -g cnpm --registry=https://regi...
之前在网上看到《蓝色拼图》这款小游戏，作者是用jquery写的。下面通过本文给大家分享基于vue.js编写蓝色拼图小游戏，一起看看实现代码吧Later equals never！说干就干。首先理解游戏的规则：第一关为1*1的方块，第二关为2*2以此类推该图为第三关3*3的方块。点击一个小方块，该方块和它相邻的方块的的颜色会从黄色变为蓝色，全部变为蓝色就过关了。现在规则清楚了，开动吧！/*style*/ .game_bg{ background: #333; width: 600px; h...
这篇文章主要为大家讲述强大Vue.js组件详细说明，组件是Vue.js最强大的功能之一，感兴趣的小伙伴们可以参考一下什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。如何注册组件？需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue...
这篇文章介绍Vue.js组件之同级之间的通信（代码）<!DOCTYPE html><html><head><meta charset="UTF-8"><title>componentKnowledge-同级组件通信</title><script src="js/vue.js"></script></head><body><template id="aa"><p> I am aa component:{{msg}}<input type="button" @click="send" value="SendTo-cc"></p></template><template id="bb"><p> I am bb component:{{msg}}<input type="button" @click="send" value="SendTo-cc...
这篇文章Vue.js组件的通信之父组件向子父组件的通信（代码）<!DOCTYPE html><html><head><meta charset="UTF-8"><title>componentParentChildCommunication</title><script src="js/vue.js"></script></head><template id="parentComp"><p>I am parent component:{{msg}},The Data from child:{{msg2}}<hr><!-- <child @自定义事件名="父方法"></child> --><child @child="parentFn"></child> </p></template><template id="childC...
这篇文章介绍Vue.js组件的通信之子组件向父组件的通信（代码）<!DOCTYPE html><html><head><meta charset="UTF-8"><title>componentChildToParentCommunication</title><script src="js/vue.js"></script></head><template id="parentComp"><p>I am parent component:{{msg}},The Data from child:{{msg1}},{{msg2}}<hr><child :m1="msg1" :m2="msg2"></child> </p></template><template id="childComp"><p>I am child component:{...
前言Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js今天，我就要基于这个库来搭建一个火车票查询系统。首先我们的机器上得有NodeJS环境，并且安装了npm包管理工具。因为vue是跑在node环境下的，并且我们需要用npm来安装vue。在终端输入npm install --global vue-cli我们来全局安装vue-cli，他是vue...
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。下面这篇文章主要给大家介绍了关于vue.js使用的相关总结,需要的朋友可以参考借鉴。一、Vue.js组件vue.js构建组件使用Vue.component(componentName,{ /*component*/ })；这里注意一点，组件要先注册再使用，也就是说：Vue.component(mine,{template:...
使用Vue.js + vue-router 创建单页应用是非常简单的。只需要配置组件和路由映射，然后告诉 vue-router 在哪里渲染即可。一、普通方式基本例子：<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>vue-router使用方法</title> </head> <body><div id="app"><h1>Hello App!</h1><p><!-- 使用 router-link 组件来导航. --><!-- 通过传入 `to` 属性指定链接. --><!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --><route...
前言在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。阅读这这篇文中的前提是你对Vue已经有了基本的语法基础。Vue.Js中的过滤器基础过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器，可以参考官方文档， http://cn.vuejs.org/api/#过滤器 ，过滤器通常会使用管道标志 “ | ”， 比如：{{ msg | capitalize }} // abc => ABCuppercase过滤器 : 将输入的字符...