一、组件化使用Vue.js进行开发，按照MVVM模式，围绕数据为核心，进行开发。开发过程根据业务和功能组件化，组件化一方面让我们开发思路更加清晰，另一方面对于数据的处理和控制变得更加简单，毕竟一个大功能交给一个组件去实现，总是会显得很复杂，但是将大功能进行细分，交给多个人，每个人负责不同的小功能，就会变得清晰简单。1. 父子组件数据交互通过prop和事件来实现双向数据绑定。父组件传递到子组件的prop数据，需要在子组件...
vue.js的组件使用过程分为三个步骤：1、创建组件构造器； 2、注册组件； 3、使用组件组件同时也分为全局组件与局部组件 1、全局组件 2、局部组件 注意：由于 HTML 标签不区分大小写，所以在生成的标签名都会转换为小写。例如，当你的 template 为 <MyComponent></MyComponent> 时，插入 DOM 后会被转换为 <mycomponent></mycomponent>。原文：http://www.cnblogs.com/caojiayan/p/6866941.html
1、http://vuejs.org/2015/10/28/why-no-template-url/Why Vue.js doesn‘t support templateURL 原文：http://www.cnblogs.com/danghuijian/p/4993862.html
在用vue做项目过程中，需要用到vue.js devtools，在从github上面clone下来代码，然后再npm install ,过程报错，然后更新npm包也是会有问题，以下是install的问题，npm cache clean --force 也是没用的，好在最后问同事，windows版本蓝灯下载重装，最后再谷歌应用商店添加了拓展程序。从昨天到今天上午，至此这个问题才搞定，用这个工具主要是为了方便整个项目 vuex的状态查看。 原文：https://www.cnblogs.com/tangjiao/p/9013281....
距离开始学Vue已经过去一个多月了，总想把学到的东西柔和在一起，做点东西出来，于是有了这个Todolist小应用。主要功能就是把一天要做的事情记录下来，还实现了：标记完成事件删除已完成事件各种排序仅显示未完成的项目本地保存截图看这里用时一周，14次commits,把心中的构想基本实现了。详情请看：这里整个过程下来，收获还是很多的，1.对mvvm有了进一步的理解，2.对css布局有了更多的了解。3.更进一步理解了Vue的事件和组件机制。...
<!DOCTYPE html><html><head><meta charset="gbk"><script src="vue.js"></script><title>Insert title here</title></head><body> <div id="app"> {{message}} </div> <div id="app-2"> <span v-bind:title=‘message‘> 鼠标悬停看到时间 </span> </div> <div id="app-3"> <p v-if="seen"> 现在你看到我了! </p> </div> <div id="app-4"> <ol> <li v-for="obj in objects"> {{obj}} </li> </ol> </div> <d...
Vue.js入门Vue.js是什么是一个渐进式JavaScript快速开发框架、学习之前需要掌握的基础知识有：HTML、CSS、JavaScript、AJAX。它可以简化Dom操作（DOM(HTML Document Object Model)是什么），有响应式数据驱动特性。了解一个框架最好去看一下它的官网：Vue.js官网面向初学者的教程可以看看这里：4个小时带你快速入门vueAPI接口环境安装教程网上有很多了，直接去搜索即可。IDE选用WebStorm。标签v-text：作用是设置标签的文本值(text...
概述上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。”今天我们将着重介绍slot和父子组件之间的访问和通信，slot是一个非常有用的东西，它相当于一个内容插槽，它是我们重用组件的基础。Vue的事件系统独立于原生的DOM事件，它用于组件之间...
遍历循环数组： v-for <div id="app"><p v-for="item in list">{{item}}</p><p v-for="(item,i) in list">索引值：{{i}} --- 每一项： {{item}}</p></div><script>var vm =new Vue({el:‘#app‘,data:{list:[1,2,3,4,5,6]}})</script> <div id="app"><p v-for="item in list">Id: {{item.id}}---name: {{item.name}}</p></div><script>var vm =new Vue({el:‘#app‘,data:{list:[{ id: 1, name:‘zs1‘},{ id: ...
什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 如何注册组件？ 需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法格式如下：var MyComponent = Vue.extend({// 选项...后面再介绍 }) 如果想要其他地方使...
引入 vue.js对于制作原型或学习，你可以这样使用最新版本：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>Vue 介绍前端主要负责 MVC 中的 V（视图）这一层，主要工作就是和界面打交道，来制作前端页面效果。Vue.js 是一套构建用户界面的渐进式...
1.代码生成器： [正反双向](单表、主表、明细表、树形表，快速开发利器)freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面、建表sql脚本、处理类、service等完整模块2.多数据源：（支持同时连接无数个数据库，可以不同的模块连接不同数的据库）支持N个数据源3.阿里数据库连接池druid,安全权限框架 shiro（菜单权限和按钮权限）, 缓存框架 ehcache4.代码编辑器，在线模版编辑，仿开发工具编辑器5.调用摄像头拍照 自定义裁...
一、v-bind 缩写<!-- 完整语法 --> <a v-bind:href="url"></a><!-- 缩写 --> <a :href="url"></a><!-- 完整语法 --> <button v-bind:disabled="someDynamicCondition">Button</button><!-- 缩写 --> <button :disabled="someDynamicCondition">Button</button>二、v-on 缩写<!-- 完整语法 --> <a v-on:click="doSomething"></a><!-- 缩写 --> <a @click="doSomething"></a>三、过滤器{{ message | capitalize }} 四、条件渲染v-if ...
编写html，通过vue-resource.js库向后台提交数据 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>用户注册</title><link href="bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="stylesheet"><script src="js/jquery.js"></script><script src="bootstrap-4.3.1-dist/js/bootstrap.js"></script><script src="js/vue.js"></script><!-- 异步提交的库 --><script src="js/vue-resource.min.js"></script><st...
本篇和大家分享的是学习Vuejs的总结和调用webapi的一个小示例；快到年底了争取和大家多分享点东西，希望能对各位有所帮助；本章内容希望大家喜欢，也希望各位多多扫码支持和推荐谢谢： ? Vuejs - 学习大杂烩? WebApi + Vue.js 示例 下面一步一个脚印的来分享：? Vuejs - 学习大杂烩首先，咋们要学习一个js框架，那么肯定要引入该框架的基础库，这里我创建一个页面并且引用官网的库是： <script src="https://unpkg.com/vue/dist/vu...