2017年11月27日
如何搭建vue+node开发环境
摘要： 一、在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 二、下载好node之后，打开cmd，先看看node安装成功了没有，输入 node -v ，回车，会输出nod 阅读全文
posted @ 2017-11-27 09:54 宇宙无敌超级美少女 阅读(2240) 评论(0) 推荐(0)
2017年7月31日
v-pre&v-cloak&v-once
摘要： <!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <ti 阅读全文
posted @ 2017-07-31 18:00 宇宙无敌超级美少女 阅读(218) 评论(0) 推荐(0)
v-bind 指令
摘要： v-bind 缩写： 阅读全文
posted @ 2017-07-31 17:48 宇宙无敌超级美少女 阅读(129) 评论(0) 推荐(0)
v-model 实例
摘要： 一.修饰符 1 .lazy：取代 imput 监听 change 事件。做优化时用 懒加载 2 .number：输入字符串转为数字。先输入字符串再输入数字，默认为输入字符串； 先输入数字再输入字符串，后面的字符串不显示 3 .trim：输入去掉首尾空格。 阅读全文
posted @ 2017-07-31 17:13 宇宙无敌超级美少女 阅读(156) 评论(0) 推荐(0)
v-on 事件监听器
摘要： 我们的v-on 还有一种简单的写法，就是用@代替。 阅读全文
posted @ 2017-07-31 16:50 宇宙无敌超级美少女 阅读(133) 评论(0) 推荐(0)
2017年7月20日
v-text & v-html
摘要： 我们已经会在html中输出data中的值了，我们已经用的是{{xxx}},这种情况是有弊端的，就是当我们网速很慢或者javascript出错时，会暴露我们的{{xxx}}。Vue给我们提供的v-text,就是解决这个问题的 需要注意的是：在生产环境中动态渲染HTML是非常危险的，因为容易导致XSS攻 阅读全文
posted @ 2017-07-20 23:07 宇宙无敌超级美少女 阅读(246) 评论(0) 推荐(0)
v-for 指令：解决模板循环问题
摘要： v-for指令是循环渲染一组data中的数组，v-for 指令需要以 item in items 形式的特殊语法，items 是源数据数组并且item是数组元素迭代的别名。 阅读全文
posted @ 2017-07-20 23:00 宇宙无敌超级美少女 阅读(560) 评论(0) 推荐(0)
v-if & v-else & v-show
摘要： 1.v-if:是vue 的一个内部指令，指令用在我们的html中。 v-if用来判断是否加载html的DOM，比如我们模拟一个用户登录状态，在用户登录后现实用户名称。 2.v-show:调整css中display属性，DOM已经加载，只是CSS控制没有显示出来。 3、v-if 和v-show的区别： 阅读全文
posted @ 2017-07-20 22:53 宇宙无敌超级美少女 阅读(226) 评论(0) 推荐(0)
Vue-入门
摘要： 一.Vue 目录结构 1.assets: 放置css、js、img等文件夹 2.package.json：项目配置文件 3.index.html：首页入口文件 4.example:html文件（例子） 二.下载Vue 2.0版本 官方网站：http://vuejs.org/ 开发版本：包含完整的警告 阅读全文
posted @ 2017-07-20 22:30 宇宙无敌超级美少女 阅读(211) 评论(0) 推荐(0)