Cher洛洛-优快云博客

原创 vue基础（3）—— v-bind及class与style绑定

绑定class的几种方式对象语法 v-bind:class设置一个对象，动态切换class。当isActive为true时，div会拥有类名active，为false时没有class名渲染。 :class也可以与普通的class共存，也可传入多个属性。 <div id="app"> <div :class="{'active':isActive}">&l...

2018-10-26 10:56:10 4273

原创 vue基础（2）—— 计算属性

计算属性用于复杂或过长的逻辑的处理，计算属性必须有一个返回值 <div id="app">{{reversedText}}</div> <script> var app = new Vue({ el:'#app', data:{ link:'2' }, com...

2018-10-25 11:50:14 222

原创 vue基础（1）

实例与数据 el是vue实例必不可少的选项，它可以是HTMLElement，也可以是css选择器 <div id="app"></div> var app = new Vue({ el:document.getElementById('app') //或者是'#app' }) 挂载成功后可以通过app.$el来访问该元素通过vue实例的data...

2018-10-24 14:53:01 220

转载 vue学习—— favicon.ico正确显示

favicon.ico正确显示方法安装 html-webpack-plugin npm install html-webpack-plugin -save-v 安装成功后在package.json下会生成版本号 "file-loader": "^1.1.4", "friendly-errors-webpack-plugin": "^1.6.1", "html-webpack-pl...

2018-09-21 16:56:32 2098

转载 vue学习——import

1、import引入一个依赖包，不需要相对路径。 import 引入一个自己写的js文件，是需要相对路径的。示例： import axios from 'axios'; import AppService from './appService'; 2、import什么情况下，要用{}的方式引入，什么情况下，只需要一个变量就行。 (1) //a.js export funct...

2018-09-21 10:06:11 288

原创 js动态显示实时时间

搜索了网上显示实时时间的代码，有的是用setInterval来写的，通过setInterval调用日期函数，达到在页面动态显示实时时间的目的，这样写发现一个问题，进入页面需要1秒的延迟，体验上稍微差一点，稍微改了一下代码取消掉这种延时。 $(function () { CurrentTime(); }) function CurrentTime() { ...

2018-08-27 16:37:55 4792

Cher洛洛的博客