随笔分类 -  vue.js

摘要:计算属性computed 上例中myValueWithoutNum是计算属性,getMyValueWithoutNum()是方法调用。 数据监听watch 阅读全文
posted @ 2017-06-27 22:27 shhnwangjian 阅读(9877) 评论(1) 推荐(0) 编辑
摘要:表单控件绑定v-model 1、文本 v-model指令在表单控件元素上创建双向数据绑定。 lazy:延迟显示 number:转化为数字类型 trim:去除左右空字符 2、复选框、单选按钮 3、选择列表 案例一: 案例二: 阅读全文
posted @ 2017-06-26 22:27 shhnwangjian 阅读(216) 评论(0) 推荐(0) 编辑
摘要:事件绑定v-on(内置事件) 回车,输出如下结果 备注:v-on简写为@ 事件绑定v-on(自定义事件) 子组件hello.vue App,vue 点击emit按钮,输出结果如下 1、父组件App.vue引入hello.vue子组件 2、子组件定义emitMyEvent方法,调用父组件my-even 阅读全文
posted @ 2017-06-26 21:47 shhnwangjian 阅读(994) 评论(0) 推荐(0) 编辑
摘要:条件渲染v-if、v-show 点击按钮前 点击按钮后 v-if和v-show区别: v-if删除 v-show用css控制 v-if、v-else 点击按钮前 点击按钮后 阅读全文
posted @ 2017-06-25 22:44 shhnwangjian 阅读(263) 评论(0) 推荐(0) 编辑
摘要:标签属性v-bind 总结: v-bind动态绑定标签属性 v-bind可简写为: 使用v-bind绑定class和内联样式 阅读全文
posted @ 2017-06-25 22:33 shhnwangjian 阅读(506) 评论(0) 推荐(0) 编辑
摘要:v-for 数组渲染 App.vue代码 页面效果 v-for 对象渲染 App.vue代码 页面显示 v-for 子组件渲染 创建./components/hello.vue文件 App.vue代码 页面显示 列表数据的同步更新 案例一: 案例二 点击按钮前 点击按钮后 阅读全文
posted @ 2017-06-24 22:46 shhnwangjian 阅读(771) 评论(0) 推荐(0) 编辑
摘要:vue2.0 之文本渲染-v-html、v-text 1、index.html代码 2、main.js代码 render: h => h(App)是ES6的语法,实际上它等同于 render: function(h) { return h(App)} 3、App.vue代码 页面展示 阅读全文
posted @ 2017-06-24 22:03 shhnwangjian 阅读(12294) 评论(0) 推荐(0) 编辑
摘要:Vue中文官网:https://cn.vuejs.org/ Vue源码:https://github.com/vuejs/vue Vue官方工具:https://github.com/vuejs vue官方论坛:https://forum.vuejs.org/ Vue 的各种好东西 https:// 阅读全文
posted @ 2017-06-21 11:08 shhnwangjian 阅读(215) 评论(0) 推荐(0) 编辑
只有注册用户登录后才能阅读该文。
posted @ 2017-03-25 21:23 shhnwangjian 阅读(6) 评论(0) 推荐(0) 编辑
摘要:vue.js安装 官网:http://cn.vuejs.org/ 官方安装介绍:http://cn.vuejs.org/v2/guide/installation.html MVVM框架:View、ViewModel、Model npm安装参考文章:http://www.cnblogs.com/sh 阅读全文
posted @ 2017-03-16 19:54 shhnwangjian 阅读(364) 评论(0) 推荐(0) 编辑
摘要:node.js安装(centos) 1、下载编译好的文件 2、解压 3、查看版本信息 4、设置全局 或者设置NODE_HOME环境变量 5、淘宝镜像cnpm安装 https://npm.taobao.org/ yum安装(centos 7) node.js安装(Windows) 下载地址:https 阅读全文
posted @ 2017-03-16 15:27 shhnwangjian 阅读(817) 评论(0) 推荐(0) 编辑