关于vue.js vue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编程体验。 关于vue-cli Vue-cli是vue官方提供的一个命令行工具(vue-cli),可用于快速搭建大... ...
分类:
Web程序 时间:
2016-10-20 21:20:33
阅读次数:
325
这里构建的vue.js项目依赖node服务器运行。 项目搭建完整步骤: nodeJs安装完成,自带npm,可以检查npm是否已经安装 安装webpack。 安装 vue-cli 脚手架工具 使用webpack+vue-cli 初始化项目 项目初始化之后的目录结构 ...
分类:
Web程序 时间:
2016-10-19 19:49:23
阅读次数:
162
1.绑定Class ①对象语法 ②数组语法 三元表达式: 表明始终添加classA,在isB为true时添加classB 2.绑定内联style !注意:margin-left写成marginLeft 也可以绑定到一个样式对象 同样注意font-size写成fontSize,否则会出错。 ...
分类:
其他好文 时间:
2016-10-18 18:29:25
阅读次数:
111
在组件中,需要传动态参数时,可以如上例子 query中的参数id就是要传的参数,在组件中获取的方法为: 如上述,this.$route.query.id就可以获取该参数,也可以通过,this.$root.id = id;传给父组件,父组件中通过 定义data中的id,然后子组件中用props传递参数 ...
分类:
其他好文 时间:
2016-10-18 13:23:01
阅读次数:
23856
角色名:Vue.js 特征:轻巧、高性能、可组件化 本质:一个构建数据驱动的web界面的库。他不是一个全能框架,技术上重点集中在MVVM中的ViewModel层。 官网地址:http://cn.vuejs.org/ 初体验:引入Vue.js独立版本, 至官网下载独立版本。根据提示,开发时选择开发版本 ...
分类:
Web程序 时间:
2016-10-17 14:14:38
阅读次数:
205
全局安装vue-cli,使用命令npm install -g vue-cli。 下载模板代码,使用命令vue init webpack my-project,之后会有一些询问,按需填写即可。 最后会看到生成了一个叫my-project的文件夹,里面就是vue-cli脚手架搭建出来的目录。 这时要进入 ...
分类:
其他好文 时间:
2016-10-16 01:37:02
阅读次数:
360
前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API ...
分类:
Web程序 时间:
2016-10-14 23:37:59
阅读次数:
281
Vue.js官方文档对于v-on这一常用指令提供了缩写方法,看看官网是怎么介绍的<!--完整语法-->
<av-on:click="doSomething"></a>
<!--缩写-->
<a@click="doSomething"></a>1、方法处理器可以用v-on指令监听DOM事件<divid="box">
<b..
分类:
Web程序 时间:
2016-10-14 18:11:37
阅读次数:
390
用Vue.js+vue-router创建单页应用是比较简单的。使用Vue.js时,我们就已经把组件组合成一个应用了,当你要把vue-router加进来,只要配置组件和路由映射,然后告诉vue-router在哪里渲染它们。举例: 结果: 动态路由匹配 可以在 vue-router 的路由路径中使用“动 ...
分类:
其他好文 时间:
2016-10-14 16:40:45
阅读次数:
207
v2ex_frontend 项目是一个利用 vue.js 和 v2ex api 实现的 V2EX 社区克隆项目, 主要目的是为了学习 vue.js, 很适合学习 vue.js 的朋友参考. 这是一个前后端分离项目, 前端主要是 vue.js 和 vue-router, css 框架使用了 uiki... ...
分类:
Web程序 时间:
2016-10-12 07:00:59
阅读次数:
173