【Vue.js总结 [2017.6.5]】的更多相关文章

Vue.js总结 [2017.6.5]

<head> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> //所有 v- 都为指令,表示它们是Vue的特殊属性 <span v-bind:title="xxx"></span>    v-bind   [控制属性] <span :class="{red:isRed}&…

vue-schart ： vue.js 的图表组件

介绍 vue-schart 是使用vue.js封装了sChart.js图表库的一个小组件.支持vue.js 1.x & 2.x 仓库地址:https://github.com/lin-xin/vue-schart sChart.js 作为一个小型简单的图表库,没有过多的图表类型,只包含了柱状图.折线图.饼状图和环形图四种基本的图表.麻雀虽小,五脏俱全.sChart.js 基本可以满足这四种图表的需求.而它的小,体现在它的体积上,代码只有 8kb,如果经过服务器的Gzip压缩,那就更小了,因此不用…

vue.js 组件之间传递数据

前言 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用.如何传递数据也成了组件的重要知识点之一. 组件 组件与组件之间,还存在着不同的关系.父子关系与兄弟关系(不是父子的都暂称为兄弟吧). 原文作者:林鑫,作者博客:https://github.com/lin-xin/blog 父子组件 父子关系即是组件 A 在它的模板中使用了组件 B,那么组件 A 就是父组件,组件 B 就是子组件. // 注册一个子组件 Vue.componen…

vue.js基础知识篇(3):计算属性、表单控件绑定

第四章:计算属性 为了避免过多的逻辑造成模板的臃肿不堪,可使用计算属性来简化逻辑. 1.什么是计算属性 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="example"> <i…

Vue.js项目模板搭建

前言 从今年(2017年)年初起,我们团队开始引入「Vue.js」开发移动端的产品.作为团队的领头人,我的首要任务就是设计 整体的架构 .一个良好的架构必定是具备丰富的开发经验后才能搭建出来的.虽然我有多年的前端开发经验,但就「Vue.js」来说,仍然是个新手.所幸「Vue.js」有一个配套工具「Vue-CLI」,它提供了一些比较成熟的项目模板,很大程度上降低了上手的难度.然而,很多具体的问题还是要自己思考和解决的. 项目划分 我们公司的H5产品大部分是嵌套在手机客户端里面的页面.每个项目的功能…

Angular和Vue.js 深度对比

Vue.js 是开源的 JavaScript 框架,能够帮助开发者构建出美观的 Web 界面.当和其它网络工具配合使用时,Vue.js 的优秀功能会得到大大加强.如今,已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js  . 那么对于 Angular 和 React.js ,开发者该如何选择呢? 下面我们会对这两种框架进行介绍和深度对比. Vue.js 是前 Google 员工 Evan You 的开发的,并于2014年发布,现已获得了超过57,000个 Git…

oc 与 js交互之vue.js

- .vue.js 调用oc的方法并传值 vue.js 组件中调用方法: methods: {     gotoDetail(item){         //此方法需要在移动端实现,这里可以加入判断是不是手机端的判断         mobileObject.goToSpecialType(item.id,item.type)     } },     oc类.h // //  HDSpecialViewController.h //  headhunter // //  Created by…

用Vue.js开发微信小程序：开源框架mpvue解析

前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案. 目前, mpvue 已经在美团点评多个实际业务项目中得到了验证,因此我们决定将其开源,希望更多技术同行一起开发,应用到更广泛的场景里去.项目的地址在: https://github.com/Meituan-Dianpi…

在dotnetcore的MVC项目中，创建支持 vue.js 的最小工程模板

网上Vue模板不是最新的,我自己做了一个最新的支持 Vue.js 的最小工程模板,方便大家从 Hello world. 入门, 在 VS2017 里学习,并扩展出自己的项目. 下面是创建步骤: 1.在VS2017中建立一个新的 MVC 项目 略 2.用 npm 添加 vue 支持包 在MVC项目目录下执行: npm init npm i --save-dev webpack webpack-cli npm i --save-dev vue vue-loader  vue-template-com…

vue.js+webpack在一个简单实例中的使用过程demo

这里主要记录vue.js+webpack在一个简单实例中的使用过程 说明:本次搭建基于Win 7平台 Node.js 安装官网提供了支持多种平台的的LTS版本下载,我们根据需要来进行下载安装.对于Windows平台提供了.mis和.zip(二进制)两种选择,我们可以根据自己需要任选一种安装.具体安装过程就不详说. 注意:为了使用方便,我们需要检测PATH环境变量是否配置了Node.js.点击开始=>运行=>输入“cmd”=>输入命令“path”(我们也可以直接使用命令win+R输入“cm…