记录下我自己搭建Vue环境的方式，使用的是UI界面搭建。1.首先安装Node.js里面包含了npm包管理工具。安装Node.js直接去官网进行下载安装即可，https://nodejs.org/en/.按照提示选择默认选择路径安装即可。2.如果由于网络原因，没有可以安装npm，可以选择cnpm，这是由淘宝团队提供的。和npm其实是一样的。npm install -g cnpm --registry=https://registry.npm.taobao.org 命令行输入此即可。3.安装Vue-cil脚手架我选择使用cnpm命令...
一、vue.js是什么Vue 是一套用于构建用户界面的渐进式框架。 Vue 被设计为可以自底向上逐层应用。 Vue 完全能够为复杂的单页应用提供驱动。 Vue 的核心库只关注视图层。 Vue的核心是采用简洁的模板语法来声明式地将数据渲染进 DOM 系统。二、基本使用每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的，所有的 Vue 组件都是 Vue 实例。 实例的属性与方法都有前缀 $，以便与用户定义的属性区分开来。创建vue.js的实例过程...
npm install -g vue-cli //安装vue-clivue init webpack projectName //创建项目1、Ctrl+~ 打开命令行输入界面2、输入npm start 成功出现8080端口的网址,修改端口在config/index.js文件3、Ctrl+c 停止 项目的全局vue名字叫做Vue.vue、启动js文件是main.js原文：https://www.cnblogs.com/vxianfeng/p/9744686.html
目录5. 组件化开发5.1 组件[component]5.1.1 默认组件6. Vue自动化工具（Vue-cli）6.1 安装node.js6.2 npm6.3 安装Vue-cli6.4 使用Vue-CLI初始化创建前端项目6.4.1 生成项目目录6.4.2 项目目录结构6.4.3 项目执行流程图7. 单文件组件的使用创建组件7.1 template 编写html代码的地方7.2 script编写vue.js代码7.3 style编写当前组件的样式代码7.4 完成案例-点击加减数字7.4 组件的嵌套7.5 传递数据父组件的数据传递给子组件子组件传递...
我们知道，vue组件中，父组件把数组传递给子组件的话，通常是使用props传递，而vue规定，prop是只能单向下行传递的，那么子组件要怎么才能实现数据的向上传递呢，这里引述一个概念："父子组件的关系：prop向下传递，事件向上传递"，上一篇文章当中，关于数据向上传递用到的事件方法 $emit() 也进行了详细的说明，不懂的童鞋可以翻回去看一下。下面就是今天要说的父子组件相互通信的问题，点击效果依次如下：代码如下：<!DOCTYPE ht...
在进入这个话题之前，首先我们先来想一下在vue里，如何写一个父子组件。为了简单起见，下面的代码我都没用脚手架来构建项目，直接在html文件里引入vue.js来作为例子。父子组件的写法如下：<div id="app"> <parent></parent></div><script src="node_modules/vue/dist/vue.js"></script><script> let childNode = { template: `<div>childNode</div>` } let parentNode = { template: ` <div> ...
Vue.js是一个构建数据驱动的web界面的库。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件Vue.js本身不是一个全能框架--它只聚焦于视图层，因此非常容易学习，非常容易与其他库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js也能完美驱动复杂的单页应用。 响应的数据绑定 Vue.js的核心是一个响应的数据绑定系统，它让数据与DOM保持同步非常简单，在使用jQuery手工操作DOM时，我们...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="./vue.min.js"></script><script src="./axios.min.js"></script></head><body><div id="app"><input type="button" value="获取笑话" @click="getJoke"><p>{{msg}}</p></div><script>var vm =new Vue({el:"#app",data:{msg:"hello world",},methods:{getJoke(){ //axios.post(‘https://xxxxxx‘,{"usename":"小...
（最近学了下angular的教程，又回过头来看 vue.js实战一书...）练习1 ：在输入框聚焦时，增加对键盘上下按键的支持，相当于加1 和减 1练习2 ：增加一个控制步伐的prop--step，比如设置为10 ，点击加号按钮， 一次增加10 。ps:只添加了少量代码，即完成了此2练习！-----------------------------------------------------------------------------------------------------------------------练习1解析：在组件 inputNumber中的inpu...
在实战之前，你需要对vuejs的基础语法有一定的了解，可以通过以下几个途径进行学习：vue.js官方文档：https://cn.vuejs.org/v2/guide/index.htmlvue.js 教程：https://www.mingtern.com/course/vuejs/官方的文档内容比较多且杂，对于初学者来说可能没有系统性的引导，可以查看明灯小站的基础教程，对一些常用的基础语法都进行了整理，还可以在线进行调试。好了，如果你对基础语法有一定的了解了，那就可以开始我们的实战项目了，这...
前段时间的react授权许可的闹剧告诉大家一个问题，只有自己的东西用着才放心。各大巨头也逐渐明白使用自家东西的优势。本来vue的生态就愈加火热，这次的闹剧无疑又加速了vue的发展。当下，国内越来越多的公司在使用vue，之前我也持观望态度，但最近发现，vue几乎已经是SPA的最佳方案，不学岂不可惜liao.1.Vue.extend构造器与Vue.component注册组件的位置必须在声明Vue对象之前，否则注册组件无效。var pomelo=Vue.extend({props:[‘...
v-for指令，是用来循环的，常用的情况有以下4种<div id="divApp"><!--迭代数字--><p v-for="n in 5">{{n}}</p><!--显示数组的索引和值--><p v-for="(a,i) in array">索引：{{i}}-----值：{{a}}</p><!--显示对象数组--><p v-for="(p,i) in list">第{{i+1}}个人的姓名是：{{p.name}}</p><!--显示对象--><p v-for="(val,key,i) in person">索引:{{i}},键:{{key}},值:{{val}}</p></div><script>var v = new Vue({el: ‘#divApp‘,data:...
1、config/index.js下添加proxyTabledev: {// PathsassetsSubDirectory: ‘static‘,assetsPublicPath: ‘/‘,proxyTable:{"/api/*":{target: ‘http://*.*.*.*:9502‘,//后端接口地址secure:false,changeOrigin:true,pathRewrite:{"^/api":""}}},// Various Dev Server settings// can be overwritten by process.env.HOST// if you want dev by ip, please set host: ‘0.0.0.0‘host: ‘192.168.1.127‘,port: 9527, // can be ...
1.代码生成器： [正反双向](单表、主表、明细表、树形表，快速开发利器)freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面、建表sql脚本、处理类、service等完整模块2.多数据源：（支持同时连接无数个数据库，可以不同的模块连接不同数的据库）支持N个数据源3.阿里数据库连接池druid,安全权限框架 shiro（菜单权限和按钮权限）, 缓存框架 ehcache4.代码编辑器，在线模版编辑，仿开发工具编辑器5.调用摄像头拍照 自定义裁...
大家好，本文给各位做一下vue.js一个最基本的概念介绍。 vue.js 指令<div id="app"><div v-text="message"></div> </div> var app = new Vue({el: #app,data: {message: Hello Vue!} })这个例子我们会得到，v-text所在的div元素的内部插入了Hello Vue！这段字符串，那么我们为什么会产生这样一个结果呢，我们来分析一下：这一步的意思是，实例化的这个Vue接管了#app元素，这里面的所有内容归我管，也就是说可以接受vue的功能指令。...