Vue.js学习
文章平均质量分 75
兔子juan
我是一个性格活泼外向的女孩,现如今是一名计算机科学与技术专业的学生,喜欢前端,开始学习,差的我就努力追赶,加油↖(^ω^)↗
展开
-
Vue.js 入门学习(一)
此课程是我跟随慕课网学习的入门学习笔记!欢迎大家指导与学习Vuejs官方网站:https://cn.vuejs.org/原创 2018-07-10 22:50:39 · 246 阅读 · 0 评论 -
总结:Vue.js中父子组件之间的通信问题
这是学vue框架的小伙伴必懂的问题之一:父子组件之间的通信。父子组件之间的关系:通常在组件Parent的模板中使用组件Child,那么此时Parent就是父组件,而Child就是子组件。父子组件应该解耦,组件实例的作用域是孤立的,子组件中不能直接使用父组件的数据。应该使用props传递父组件到子组件的数据,子组件通过events给父组件发消息,以此实现父子组件间的通信。 一、父组件向...原创 2018-08-23 12:14:58 · 639 阅读 · 0 评论 -
vue-router的两种模式及区别
为什么要有 hash 和 history?对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的,浏览器当前提供了以下两种支持:hash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。 比...原创 2018-08-26 21:21:00 · 9964 阅读 · 0 评论 -
快速创建一个vue项目
身为入行未深的小白前端,不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷,vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程,跟你们分享。1:打开cmd命令行,首先安装node步骤:https://nodejs.org/en/dow...转载 2018-08-12 10:47:29 · 677 阅读 · 0 评论 -
Vue高仿饿了吗学习笔记
VUE高仿饿了么app本项目github地址:https://github.com/motysla/eleme.gitVUE 搭建简介刚学习了VUE高仿饿了么app课,记录课的要点,巩固知识。VUE 优势Vue.js 是一个用于创建 web 交互界面的。其特点是简洁 HTML 模板...转载 2018-08-01 11:28:38 · 1837 阅读 · 0 评论 -
vue高仿饿了么课程项目--布局篇学习笔记
结合他人经验以及自己学习过程中遇到的问题,将知识点整理如下。这篇是布局篇(采用stylus)flex布局如果一个布局需要左边是固定长度,右边是自适应宽度,随拉大而大,缩小而小,则可以使用flex布局。移动端很适合。.wrapper display: flex w...原创 2018-07-28 14:25:13 · 573 阅读 · 2 评论 -
项目:Vue.js高仿饿了吗外卖APP(一)
使用Vue.js作为项目的技术栈!这是目前最火的MVVM框架(之一),轻量、简洁、高效、数据驱动、组件化的优点,被大家称为“简单却不失优雅,小巧而不乏大匠”! 开发此项目需要的前置知识: HTML CSS JavaScript 还需要es6(目前很重要)...原创 2018-07-24 21:26:28 · 7533 阅读 · 0 评论 -
Vue.js入门学习(七)组件
组件本节介绍 Vue.js 组件的使用。组件是 Vue.js 最强大的功能之一,使用组件可以扩展 HTML 元素,封装可重用的代码。使用组件注册之前说过,我们可以用 Vue.extend() 创建一个组件构造器:var MyComponent = Vue.extend({ // 选项...})要把这个构造器用作组件,需要用 Vue.component(tag, constructor) 注册...原创 2018-07-14 11:23:51 · 196 阅读 · 0 评论 -
Vue.js入门学习(六)过渡
过渡通过 Vue.js 的过渡系统,可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画,你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。为了应用过渡效果,需要在目标元素上使用 transition 特性:<div v-if="show" transition="my-transition"&...原创 2018-07-12 21:06:02 · 154 阅读 · 0 评论 -
Vue.js入门学习(五)方法与事件处理器、表单控件绑定
方法与事件处理器方法处理器可以用 v-on(简写@) 指令监听 DOM 事件:<div id="example"> <button @click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法 greet。var vm = new Vue({ el: '#example', data: {...原创 2018-07-11 20:55:14 · 197 阅读 · 0 评论 -
Vue.js入门学习(四)条件/列表渲染
条件渲染v-if:在字符串模板中,我们需要写这样一个条件块:{{#if ok}} <h1>Yes</h1>{{/if}}但是在Vue.js中,我们使用 v-if 就可以实现上述同样的功能:<h1 v-if="ok">Yes</h1>也可以用 v-else 添加一个 "else" 块:<h1 v-if="ok"&原创 2018-07-11 20:21:18 · 270 阅读 · 0 评论 -
Vue.js入门学习(三) Class与Style绑定
Class 与 Style 绑定数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性,我们可以用 v-bind 处理它们:我们只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在v-bind 用于 class 和 style 时,Vue.js 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。绑定 HTML Class尽管可以用 Mus...原创 2018-07-11 11:35:55 · 164 阅读 · 0 评论 -
Vue.js入门学习(二)实例、数据绑定、计算属性
从这一节开始,就开始正式的细节性、系统性的学习Vue.js!Vue实例构造器每个 Vue.js 应用的起步都是通过构造函数 Vue 创建一个 Vue 的根实例:<textarea readonly="readonly" name="code" class="javascript">var vm = new Vue({ // 选项})</textarea>一个 Vu...原创 2018-07-11 11:22:09 · 413 阅读 · 0 评论 -
Vue.js 双向数据绑定的原理
版权声明:本文为博主原创文章,转载请保留原文链接。 https://blog.csdn.net/meng_suiga/article/details/77840890 ...转载 2018-08-23 17:15:57 · 260 阅读 · 0 评论