vue

Vue内敛模板

在学习《Vue实战》一书时,学习到组件高级应用-内联模板这一小节时,照着书上的例子敲了一遍,发现未达到预期,切报错。书上源代码如下:1<!DOCTYPEhtml>2<html>3<head>4<metacharset=”utf-8”>5<ti...
代码星球·2020-03-29

vue自定义组件添加原生事件监听

  注:全局或局部注册的组件称为子组件,其中声明的组件名称(如下demo中的child)是一个自定义组件Demo1-直接给父组件添加事件监听1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>&...

vue 组件开发 props 验证

在Vue中父组件向子组件中传送数据是通过props实现的,一个简单的使用props的例子:1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title>VueStudy</title>6<...

Vue中子组件数据跟着父组件改变和父组件数据跟着子组件改变的方法

父组件的代码1<template>2<divclass="home">3<imglogo"src="../assets/logo.png">4<!--<HelloWorldmsg="WelcometoYourVue.jsApp"/>-->5父组件的值<i...

vue之使用cookie

vue资源库中有个插件很好用vue-cookiesgithub地址:https://github.com/cmp-cc/vue-cookies使用起来也很方便,将vue-cookies.js引入$cookies.config()设置默认值this.$cookies.config(expireTimes,path)exp...
代码星球·2020-03-28

vue中关于计算属性computed以及其中get、set的理解

在重学vue后,了解到这个计算属性,理解了一点点,但是又无法想到什么时候能用到------------计算属性是基于它们的响应式依赖进行缓存的------------get是基于其他的数据来获取到computed里定义的那个数据set是根据computed里定义的那个数据来改变其他的数据暂时就理解了这些,理解到新的会更...

vue2中使用this的问题

在回调函数中使用this时与微信小程序有一样的问题,在回调函数中使用this有时会不生效,保险起见,在回调函数使用this前,要把this赋给其他参数,如下例: ...
代码星球·2020-03-28

vue2中使用ajax

vue中本身没有ajax功能,需要使用扩展,现在推荐使用的是axios,github地址如下https://github.com/axios/axios下面各个示例<!DOCTYPEhtml><html><head><metacharset="utf-8"><tit...
代码星球·2020-03-28

vue2格式化时间戳

注意:时间戳分为10位和13位的,10位的是秒,13位的是毫秒这里给出的是格式化13位的方法,10位的时间戳可以加上3个0<divid="app">{{time|dataFormat('yyyy-MM-ddhh:mm:ss')}}</div>Vue.filter('dataFormat',fun...
代码星球·2020-03-28

vue父子(父传子)传值

vue2.0中,实现父子组件间的传值,需要依靠一个props的属性,作为变量接收的对象。注:vue.js文件引用的是本地的js文件,拷贝本机运行时,可以使用cnd替换。https://www.bootcdn.cn/vue/  该网址为一个优化的vue插件的cnd加速地址,可以使用指定版本的cdn文件来运行代码!代码如下...

vue的学习网址

 Vue官网:http://cn.vuejs.org/v2/guide/index.html淘宝镜像:http://npm.taobao.org/Vue-router:https://router.vuejs.org/zh-cn/Vuex:http://vuex.vuejs.org/zh-cn/intro.h...
IT猿·2020-03-27

vue 目录结构介绍

1初始目录如下:2目录结构介绍bulid:最终帆布的代码存放位置config:配置目录,包括端口号等node_modules:npm加载的项目依赖模块src:z这里是我们要开发的目录,基本上要做的事情在这个目录里面。:assets:放置一些图片,如logo等;components:目录里面存放一个组件文件,可以不用。A...

使用vue-cli启动项目出错

Vue.js(读音/vjuː/,类似于view)是一套构建用户界面的渐进式框架。  Vue只关注视图层,采用自底向上增量开发的设计。  Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。  Vue学习起来非常简单,本教程基于Vue2.1.8版本测试。  Vue当与单文件组件和 Vue生态...

vue 基础知识 随笔

window.localStorage.gettItem("someItem"||[])//如果localStorage中的someItem不存在就返回一个空数组window.localStorage.setItem("someItem",someValue)//向localStrorage中存入一个便变量someIt...

Vue 响应式原理

Vue嘴显著的特性之一便是响应式系统(reactivitysystem),模型层(model)只是普通JavaScript对象,修改它则更新视图(view)。如何追踪变化把一个普通的JavaScript对象传给Vue实例的data选项,Vue将遍历此对象的所有属性,并使用Object.defineProperty把这些...
IT猿·2020-03-27