changedman

导航

2018年6月19日

Vue 路由及路由默认跳转

摘要: 路由就是让根组件动态得去挂载其他组件; 步骤: 阅读全文

posted @ 2018-06-19 15:38 changedman 阅读(651) 评论(0) 推荐(0) 编辑

Vue非父子组件之间的传值

摘要: 1.新建一个js文件 然后引入vue 实例化vue 最后暴露这个实例;实例化Vue对象的时候名称要小写,大写控制台报错,我也不知道什么原因; 2.在要广播的地方引入刚才定义的实例; 3通过VueEmit.$emit('名称',数据'')方法广播; 4.在接受数据的地方也引入实例,通过VueEmit. 阅读全文

posted @ 2018-06-19 13:45 changedman 阅读(396) 评论(0) 推荐(0) 编辑

2018年6月17日

Vue--父子组件之间的传值

摘要: 1.父传子 1.在父组件中给子组件绑定动态属性 <v-home :title="title"></v-home> <v-home :title="title"></v-home> 2.在子组件中用propos[]接收 export default{ data(){ return{ msg:'' } 阅读全文

posted @ 2018-06-17 16:42 changedman 阅读(148) 评论(0) 推荐(0) 编辑

2018年6月15日

Vue--生命周期函数

摘要: 生命周期函数就是组件挂载、以及组件销毁的时候触发的一系列方法,这些方法叫做生命周期函数; 阅读全文

posted @ 2018-06-15 14:36 changedman 阅读(128) 评论(0) 推荐(0) 编辑

Vue--组件

摘要: 1.Vue是单页面组件化的开发 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式。 页面是由一个根组件挂载其他组件组成的; 使用组件的步 阅读全文

posted @ 2018-06-15 10:34 changedman 阅读(106) 评论(0) 推荐(0) 编辑

2018年6月14日

Vue 封装js 并 引用

摘要: /封装模块化文件 新建的.js文件 var storage = { set(key, value) { localStorage.setItem(key, JSON.stringify(value)); }, get(key) { return JSON.parse(localStorage.get 阅读全文

posted @ 2018-06-14 11:40 changedman 阅读(608) 评论(0) 推荐(0) 编辑

Vue todolist练习 知识点

摘要: 1.localStorage的用法总结 (1).这儿是什么:局部存储器。它是html5新增的一个本地存储API,所谓localStorage就是一个小仓库的意思,它有5M的大小空间,存储在浏览器中,我们可以通过js来操纵localStorage。 (2)用法:1.localStorage通过使用se 阅读全文

posted @ 2018-06-14 11:07 changedman 阅读(120) 评论(0) 推荐(0) 编辑

Vue 双向数据绑定、事件介绍以及ref获取dom节点

摘要: vue是一个MVVM的框架 M model V view MVVM model改变会影响视图view,view改变会影响model 双向数据绑定必须在表单里面使用 //我发现在谷歌浏览器翻译后的网页中vue的双向数据绑定不好用,暂时还没有解决方法 <h2>{{msg}}</h2> <input ty 阅读全文

posted @ 2018-06-14 09:24 changedman 阅读(264) 评论(0) 推荐(0) 编辑

Vue 目录结构 绑定数据 绑定属性 循环渲染数据

摘要: 一、目录结构分析 node_modules 项目所需要的各种依赖 src 开发用的资源 assets 静态资源文件 App.vue 根组件 main.js 配置路由时会用 .babelrc 配置文件 .editorconfig 编辑器的配置文件 .gitignore 忽略的配置文件 index.ht 阅读全文

posted @ 2018-06-14 09:10 changedman 阅读(172) 评论(0) 推荐(0) 编辑

2018年6月13日

Vue自学笔记--项目的创建

摘要: 一.项目的创建 1、必须要安装nodejs 2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要执行一次) 3、创建项目 必须cd到对应的一个项目里 阅读全文

posted @ 2018-06-13 13:47 changedman 阅读(76) 评论(0) 推荐(0) 编辑