lhxsirky的博客

vue中有一个特殊的属性ref，可以给每一个标签使用，用来获取标签的元素，和jquery中给标签添加一个class或者id，然后在获取这个标签的元素一样，每一个标签可以根据ref不同的值进行区分，用法如下html代码： <input type="text" ref="TwoInput"> <div ref="box">ss </div> <...

vue中点击事件或者是其他的事件可以通过在事件中添加$event进行对标签元素的dom获取或者修改标签指的属性等等。具体用法如下：1、可以通过$event进行对dom元素的获取html：<button data-get="数据按钮" @click="getRvent($event)">获取事件对象</button>首先我们先打印一下$event对象看一下，...

今天我要实现的是一个简单的可以在本地进行缓存的todolist待办事项功能，例如网上的待办事项：http://www.todolist.cn/，可以根据自己的需要进行添加、删除和改变事项的状态，下面我们就用vue来实现 这个功能。我们使用的vue-cli搭建的一个项目，在app.vue根组件进行编写，这样就不用创建路由进行跳转了，具体实现如下：组件html模板：<templat...

一、Vue中组件的使用在vue中，初始只有一个根组件，默认加载的组件，如果我们想加载一下别的页面，或者是组件的时候，应该怎么做呢？这个时候我们可以先在src目录下面创建新的组件HelloWorld.vue和life.vue，如图：父组件html：<template> <div id="app"> <h1>父组件</h1&g...

mock的使用mock是可以创建虚拟的数据接口，提供前端来使用，非常便捷，我们可以在mock官网查看mock的具体文档和语法，这里只是简单介绍一下用法。引入mock：npm/cnpm install mockjs 然后在src目录下面创建一个文件夹例如mock，下面新建一个文件mock.js然后创建虚拟数据如下：import Mock from 'mockjs'...

父组件获取子组件的值和方法父组件：html代码 <!-- 父组件获取子组件的值 --> <v-header ref="headerTY"></v-header> <button @click="getData">父组件获取子组件的值和方法</button>js代码：<script>import H...

首先建立两个组件title和news，用来验证非父子组建的传值，然后再把这两个组件引入根组件,显示即可，代码如下：app.vue:<template> <div id="app"> <v-news></v-news> <hr> <v-title></v-title> &lt...

在使用vue-router之前要先引入:cnpm/npm install vue-router --save引入之后就可以在组件之间使用路由进行跳转，首先建立两个组件titleHeader和homeHeader，和他们下面的内容路由文件titleContent和homeContent，再然后在main.js中引入vue-router,import VueRouter from 'v...