摘要: vue2.0-子组件获取父组件数据 参考:https://vuejs.bootcss.com/v2/guide/components-props.html 子组件获取父组件数据 子组件可以获取父子的数据和方法 子组件:Header.vue 父组件:Home.vue 父组件配置 <template> 阅读全文
posted @ 2019-01-21 22:47 wang_wei123 阅读(1369) 评论(0) 推荐(0) 编辑
摘要: vue2.0-第三方插件axios请求数据方式 参考:https://github.com/axios/axios 1、安装axios c:\Users\Administrator\Desktop\vuejs\vuejs\vuedemo>npm install axios --save 查看pack 阅读全文
posted @ 2019-01-21 21:17 wang_wei123 阅读(224) 评论(0) 推荐(0) 编辑
摘要: vue2.0-官方插件vue-resource请求数据方式 1、官方安装vue-resource请求插件 参考:https://vuejs.bootcss.com/v2/guide/plugins.html d:\vuejs\vuejs\vuedemo>cnpm install vue-resour 阅读全文
posted @ 2019-01-21 17:09 wang_wei123 阅读(845) 评论(0) 推荐(0) 编辑
摘要: vue2.0-创建单文件组件注册组件以及组件的使用 1、项目效果 2、项目组件演变 项目组件需求,依次演变。 App.vue为根组件,对应Components目录专门放置vue文件(组件)。 新增公共的头部信息。 3、项目 项目目录结构, App.vue根组件 Components:存放自定义子组件 阅读全文
posted @ 2019-01-21 13:50 wang_wei123 阅读(397) 评论(0) 推荐(0) 编辑
摘要: Vue2.0入门系列——键盘属性和单一事件管理通信 1、v2.0自定义键盘属性 需求如下, 键盘安装“ctrl+c”,弹出“测试”。 2、源代码如下 绑定事件, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title 阅读全文
posted @ 2019-01-21 11:30 wang_wei123 阅读(164) 评论(0) 推荐(0) 编辑
摘要: App2.0配置:Vue双向绑定和获取dom节点 1、需求:效果展示如下, 当“获取第二个变淡里面数据”,弹出输入的文字,点击“确定”之后,box字体变红 2、源代码如下, <template> <!-- Vue双向绑定和获取dom节点 --> <div id="app"> <h2>你好,{{ ms 阅读全文
posted @ 2019-01-19 22:57 wang_wei123 阅读(908) 评论(0) 推荐(0) 编辑
摘要: App2.0配置:绑定属性-绑定class-绑定style 1、需求:效果展示如下, 2、源码如下, <template> <!-- vue的模板里面,所有的内容要被一个根节点包含起来 --> <div id="app"> <h2>你好,{{ msg }}</h2> <br> <!--1、绑定属性用 阅读全文
posted @ 2019-01-19 21:35 wang_wei123 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 需求:学习vue2.0-数据绑定-循环渲染-数据渲染 效果展示如下 这里只关注App.vue组件,组件规范分为三部分: 1、模板 只能有一个根节点,在内部扩展编辑 <template> <!-- vue的模板里面,所有的内容要被一个根节点包含起来 --> <div id="app"> </div> 阅读全文
posted @ 2019-01-19 17:17 wang_wei123 阅读(1542) 评论(0) 推荐(0) 编辑
摘要: 1、子组件更新,父组件不变 点击“按钮”按钮,子组件数据被修改,父组件数据不变 >>>>>> 项目源代码, <head> <meta charset="UTF-8"> <title>v2.0父子组件通信</title> <script src="./vue.js"></script> <script 阅读全文
posted @ 2019-01-18 11:05 wang_wei123 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 1、需求 点击“添加”按钮,添加数据。 以上截图为需求。 2、编写代码 源代码如下, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v2.0循环</title> <script src="./vue.js" 阅读全文
posted @ 2019-01-18 10:32 wang_wei123 阅读(163) 评论(0) 推荐(0) 编辑