随笔分类 - vuejs学习
vue .js学习
摘要:浏览器滚动行为:第一种到制定的位置 第二张到制定的标签或者id位置 第三种,到上次浏览的位置
阅读全文
摘要:首先需要安装依赖: 再定义: routes.js,配置路由规则: import Home from './components/Home' import Menu from './components/Menu' import Login from './components/Login' impo
阅读全文
摘要:脚手架安装: 首先执行vue init webpack-simple cxyvue cxyvue表示意思为:项目名 然后进入项目:执行 cnpm install 执行cnpm是时候首先需要安装淘宝镜像 再执行npm run dev 启动项目,就可以看到效果了
阅读全文
摘要:首先需要在app.vue中引入: 然后再main.js中引入: 最终展示效果:
阅读全文
摘要:安装: npm 安装 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S 引入 Element 你可以引入整个 Element,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。 完整引入 在 main.js 中
阅读全文
摘要:通过配置路由时候按照: 这种就可以把参数传递 接受: 接受到的是一个json格式的数据,
阅读全文
摘要:特别注意版本,之前学习时候是2.0.1,后来改了版本,发觉不可以i用了,等过几天进行更新下学习下
阅读全文
摘要:总结; 首先需要创建是一个空实例: var vm = new Vue(); vm.$emit(事件,数据); vm.$on(事件,function(data){ }bind(this))
阅读全文
摘要:案例基础页面: 展示结果: 之前结果: 传递之后的值:
阅读全文
摘要:在更改子组件数据的时候,是可以进行更改的,通过change方法进行更改: 展示结果: 点击change之后: 问题:子组件数据更改,怎么去更改父组件的数据呢:禁止通过props去更改数据 解决方案: 一:每次进行传值采用对象进行传值,对象之间是引用的,所以在更改之后是引用的 展示效果: 更改之后数据
阅读全文
摘要:Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值 在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢?如果是电商网站系统的开发,还会涉
阅读全文
摘要:生命周期钩子介绍: 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 这个生命周期钩子函数可以在官网上看到,
阅读全文
摘要:vue的常用标签: 1、<router-link to=''>主要实现跳转链接功能,属性to='/'即是跳转到path为'/'的路径. 2、v-bind动态绑定指令,格式为:v-bind:你要动态变化的值="表达式" 3、v-for列表渲染 例: <tr v-for="item in peoples
阅读全文
摘要:这个是很早之前公司要使用vue.js时候学习记在有道云笔记上的,发觉那个笔记贼多了,没办法,觉得是要换个地方存笔记了, 一vue.js的使用: 可以在页面是直接使用: 就可以在页面上直接使用了, 这种引入是不是很好调式的, 所以一般在开发环境中引入: vue.js,是一个双向数据绑定的前端框架,而且
阅读全文