vuejs学习 - 随笔分类 - 菩提树下的丁春秋

摘要：浏览器滚动行为:第一种到制定的位置第二张到制定的标签或者id位置第三种,到上次浏览的位置阅读全文

posted @ 2019-04-14 21:50 菩提树下的丁春秋阅读(765) 评论(0) 推荐(0)

摘要：首先需要安装依赖: 再定义: routes.js,配置路由规则: import Home from './components/Home' import Menu from './components/Menu' import Login from './components/Login' impo 阅读全文

posted @ 2019-04-12 23:11 菩提树下的丁春秋阅读(223) 评论(0) 推荐(0)

vue脚手架的安装和使用

摘要：脚手架安装: 首先执行vue init webpack-simple cxyvue cxyvue表示意思为:项目名然后进入项目:执行 cnpm install 执行cnpm是时候首先需要安装淘宝镜像再执行npm run dev 启动项目,就可以看到效果了阅读全文

posted @ 2019-04-12 23:03 菩提树下的丁春秋阅读(156) 评论(0) 推荐(0)

vue 在路由中复用组件

摘要：首先需要在app.vue中引入: 然后再main.js中引入: 最终展示效果: 阅读全文

posted @ 2019-04-12 22:59 菩提树下的丁春秋阅读(1164) 评论(0) 推荐(0)

vue.js使用elemnetUi

摘要：安装: npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S 引入 Element 你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。完整引入在 main.js 中阅读全文

posted @ 2019-02-03 10:32 菩提树下的丁春秋阅读(1586) 评论(0) 推荐(0)

vue.js路由嵌套传参

摘要：通过配置路由时候按照: 这种就可以把参数传递接受: 接受到的是一个json格式的数据, 阅读全文

posted @ 2019-02-03 09:52 菩提树下的丁春秋阅读(257) 评论(0) 推荐(0)

vue.js路由嵌套

摘要：展示结果: 关键点: 阅读全文

posted @ 2019-02-03 09:44 菩提树下的丁春秋阅读(389) 评论(0) 推荐(0)

vue.js路由学习笔记二

摘要：运行结果: 阅读全文

posted @ 2019-02-03 00:55 菩提树下的丁春秋阅读(241) 评论(0) 推荐(0)

vue.js路由学习笔记

摘要：特别注意版本,之前学习时候是2.0.1,后来改了版本,发觉不可以i用了,等过几天进行更新下学习下阅读全文

posted @ 2019-02-03 00:34 菩提树下的丁春秋阅读(255) 评论(0) 推荐(0)

vue.js组件之j间的通讯四,通过单一事件来管理组件通讯

摘要：总结; 首先需要创建是一个空实例: var vm = new Vue(); vm.$emit(事件,数据); vm.$on(事件,function(data){ }bind(this)) 阅读全文

posted @ 2019-02-03 00:02 菩提树下的丁春秋阅读(200) 评论(0) 推荐(0)

vue.js组件之j间的通讯三,通过单一事件来管理组件通讯

摘要：案例基础页面: 展示结果: 之前结果: 传递之后的值: 阅读全文

posted @ 2019-02-02 23:50 菩提树下的丁春秋阅读(212) 评论(0) 推荐(0)

vue.js组件之j间的通讯二

摘要：在更改子组件数据的时候,是可以进行更改的,通过change方法进行更改: 展示结果: 点击change之后: 问题:子组件数据更改,怎么去更改父组件的数据呢:禁止通过props去更改数据解决方案: 一:每次进行传值采用对象进行传值,对象之间是引用的,所以在更改之后是引用的展示效果: 更改之后数据阅读全文

posted @ 2019-02-02 23:12 菩提树下的丁春秋阅读(233) 评论(0) 推荐(0)

vue.js组件之j间的通讯一子组件接受父祖件数据

摘要：Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉阅读全文

posted @ 2019-02-02 22:32 菩提树下的丁春秋阅读(369) 评论(0) 推荐(0)

vue学习三:生命周期钩子

摘要：生命周期钩子介绍: 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。这个生命周期钩子函数可以在官网上看到, 阅读全文

posted @ 2019-02-02 22:01 菩提树下的丁春秋阅读(229) 评论(0) 推荐(0)

vue学习二:

摘要：vue的常用标签: 1、<router-link to=''>主要实现跳转链接功能，属性to='/'即是跳转到path为'/'的路径. 2、v-bind动态绑定指令，格式为：v-bind:你要动态变化的值="表达式" 3、v-for列表渲染例： <tr v-for="item in peoples 阅读全文

posted @ 2019-02-02 21:36 菩提树下的丁春秋阅读(150) 评论(0) 推荐(0)

vue 学习一

摘要：这个是很早之前公司要使用vue.js时候学习记在有道云笔记上的,发觉那个笔记贼多了,没办法,觉得是要换个地方存笔记了, 一vue.js的使用: 可以在页面是直接使用: 就可以在页面上直接使用了, 这种引入是不是很好调式的, 所以一般在开发环境中引入: vue.js,是一个双向数据绑定的前端框架,而且阅读全文

posted @ 2019-02-02 21:05 菩提树下的丁春秋阅读(229) 评论(0) 推荐(0)

丁春秋

随笔分类 - vuejs学习