随笔分类 - 流行框架
摘要：新的语法可能不被浏览器支持，可以使用babel转换为浏览器支持的代码格式； 为什么要定义class？ js是一门面向对象的编程语言。需要利用类来复用代码，提高编程效率。 需要什么样的class能力？ 继承+多态 例子：在页面中显示Hello World！ 1）创建工程文件夹，在该文件夹中创建src文
阅读全文
摘要：作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址； 什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此之外，使用方式完全一样
阅读全文
摘要：vue.js 1.x 文档 vue.js 2.x 文档 String.prototype.padStart(maxLength, fillString) js 里面的键盘事件对应的键码 Vue.js双向绑定的实现原理 pagekit/vue-resource navicat如何导入sql文件和导出s
阅读全文
摘要：computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用； methods方法表示一个具体的操作，主要书写业务逻辑； watch一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；可以看作是comput
阅读全文
摘要：computed计算属性的使用 默认只有getter的计算属性： <div id="app"> <input type="text" v-model="firstName"> + <input type="text" v-model="lastName"> = <span>{{fullName}}<
阅读全文
摘要：考虑一个问题：想要实现 名 和 姓 两个文本框的内容改变，则全名的文本框中的值也跟着改变；（用以前的知识如何实现？？？） 监听data中属性的改变： <div id="app"> <input type="text" v-model="firstName"> + <input type="text"
阅读全文
摘要：命名视图实现经典布局 标签代码结构： <div id="app"> <router-view></router-view> <div class="content"> <router-view name="a"></router-view> <router-view name="b"></route
阅读全文
摘要：使用 children 属性实现路由嵌套 <div id="app"> <router-link to="/account">Account</router-link> <router-view></router-view> </div> <script> // 父路由中的组件 const
阅读全文
摘要：设置路由高亮 css： .router-link-active, /* vue-router*/ .myactive { color: red; font-weight: 800; font-style: italic; font-size: 80px; text-decoration: under
阅读全文
摘要：什么是路由 后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源，这个对应关系就是后端中的路由； 前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容
阅读全文
摘要：父组件向子组件传值 组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, componen
阅读全文
摘要：使用flag标识符结合v-if和v-else切换组件 页面结构：（缺点：只适用于两个组件间切换，不适合多个） <div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <my-com1 v-if="flag"></
阅读全文
摘要：定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； 组件化：
阅读全文
摘要：<transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画，还可以改变定位。要使用这个新功能只需了解新增的 v-move 特性，它会在元素的改变定位的过程中应用。 v-move 和 v-leave-active 结合使用，能够让列表的过渡更加平缓柔和： .v-move{ tr
阅读全文
摘要：定义过渡样式： <style> .list-enter, .list-leave-to { opacity: 0; transform: translateY(10px); } .list-enter-active, .list-leave-active { transition: all 0.
阅读全文
摘要：定义及使用钩子函数 定义 transition 组件以及三个钩子函数： <div id="app"> <input type="button" value="切换动画" @click="isshow = !isshow"> <transition @before-enter="beforeEnter
阅读全文
摘要：导入动画类库： <link rel="stylesheet" type="text/css" href="./lib/animate.css"> 定义 transition 及属性： <transition enter-active-class="fadeInRight" leave-active-
阅读全文
摘要：为什么要有动画：动画能够提高用户的体验，帮助用户更好的理解页面中的功能； 使用过渡类名 步骤分析 需求： 点击按钮，让 h3 显示，再点击，让 h3 隐藏 1. 使用 transition 元素，把 需要被动画控制的元素，包裹起来 transition 元素，是 Vue 官方提供的 2. 自定义两组
阅读全文
摘要：先解压安装 PHPStudy; 解压安装 Navicat 这个数据库可视化工具，并激活； 打开 Navicat 工具，新建空白数据库，名为 dtcmsdb4; 双击新建的数据库，连接上这个空白数据库，在新建的数据库上右键 -> 运行SQL文件，选择并执行 dtcmsdb4.sql 这个数据库脚本文件
阅读全文
摘要：除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中，如何发起数据请求？原生、jQuery，需要操作DOM 常见的数据请求类型？ get post jsonp 测试的URL请求资源地址： get请求地址： http://vue.studyit.io
阅读全文
浙公网安备 33010602011771号