- 博客(7)
- 收藏
- 关注
原创 Vue2.0 事件修饰符
事件修饰符:在时间处理程序中调用event.preventDefault()或者event.stopPropagation()是非常常见的需求,尽管我们可以在方法中轻松实现这一点,但是更好的方法是:方法只有纯粹的数据逻辑,而不是去处理DOM事件细节为了解决这个问题,Vue为v-on提供了事件修饰符,事件修饰符由.开头的指令后缀来表示的.stop.prevent.capture.self.once....
2018-05-18 20:15:42 1509
原创 Vue v-for
使用v-for把一个数组对应为一组元素用v-for指令根据一组数组的选项列表进行渲染v-for指令需要使用item in items形式的特殊语法,items是源数据数组,并且item是数组元素迭代的别名,v-for模块中,我们拥有对父作用域属性的完全访问限制 <ul> <li v-for="item in items"> {{item.message}} <...
2018-05-18 19:32:56 743
原创 Vue学习二 实例创建
Vue实例:创建一个Vue实例: 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的:var vm = new Vue({ //选项})Vue的设计受到MVVM模型的启发,当创建一个实例时,可以传入一个选项对象。一个Vue应用通过new Vue创建的跟Vue实例,和可选的嵌套的、可复用的组件数组成。数据和方法: 当一个Vue实例被创建的时候,它向Vue的响应式系统中加入...
2018-05-17 01:12:17 1345
原创 Vue.js 学习过程一 起步
什么是Vue.js 用于构建用户界面的渐进式框架,可以自底向上逐层应用最基础开始:声明式渲染 Vue.js的核心是一个允许采用简洁的末班语法来声明式的将数据渲染进DOM系统案例: html: <div id="app">{{message}}</div> js: var app = new Vue({ el:'#app', ...
2018-05-16 18:23:18 1933
原创 Vue设置proxyTable实现跨域
Vue与node.js项目中遇到的跨域问题,记录下解决方案: 在项目中我的node提供的api为: 127.0.0.1:3000/toutiao/seltoutiaoimg众所周知,Vue默认端口为8080,故详情求node.js的API需要通过跨域实现Vue中也提供了设置跨域的文件,下面是例子:设置地址方式如下:位置:config->index.js中proxyTable...
2018-05-13 19:51:16 1972
原创 NodeJS使用express与mysql实现查询功能
最近正在使用Vue+Node制作项目,于是决定写一个使用Node.js+Express搭建服务器的教程步骤:一 开发前的准备:1、安装Node.js 官网下载安装2、安装Express 使用npm,指令如下: npm install express -g 首先输入 npm install express-generator -g 第二步输入3、对项目进行初始化 ...
2018-05-13 01:14:42 23196 7
原创 MVC,MVP,MVVM
什么是MVC(Model-View-Controller) 它是最常见的软件架构之一,它的意思是,软件可以分为三个部分 -1、视图(View) 即用户界面 -2、控制器(Controller) 即业务逻辑 -3、模型(Model) 即数据保存它们之间的通讯方式: 1、View将指令传到Controller 2...
2018-05-03 00:18:33 210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人