![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 82
来自流星
这个作者很懒,什么都没留下…
展开
-
Vue相关知识点整合
1.1 vue项目初始化1.1.1 安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org1.1.2 全局安装vue命令cnpm install -g @vue/cli1.1.3 创建新项目vue create study-home1.1.4 App.vue引入 router-view<template> <div id="app"> <router-view/&原创 2020-11-06 09:27:20 · 307 阅读 · 0 评论 -
Vue 动态组件
Vue 动态组件Vue动态组件, 提供了一个特殊的元素<component>用来动态地挂载不同的组件,使用is特性来选择要挂载的组件。<div id="app"> <comment :is="currentView"></comment> <button @click="handleChangeView('A')"...原创 2019-07-23 11:23:09 · 208 阅读 · 0 评论 -
Vue slot
作用域:父组件绑定数据: <!-- 父组件绑定数据 --> <div id="app"> <child-component v-show="showFlag"></child-component> </div> <script> Vue.compone...原创 2019-07-22 17:08:07 · 192 阅读 · 0 评论 -
Vue表单与v-model
<template> <div> <div class="col"> <input type="text" v-model="message" placeholder="请输入..."/> <br/> <p>输入的内容是: {{message}}</p> </di...原创 2019-07-21 17:09:02 · 274 阅读 · 0 评论 -
Vue自定义指令,时间转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>时间转换指令</title></head><body> <div id="app"> <div...原创 2019-07-25 16:08:48 · 219 阅读 · 0 评论 -
Vue自定义指令
除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,如下:// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { ...原创 2019-07-25 11:26:14 · 95 阅读 · 0 评论 -
计算属性、指令开发Demo
<template> <div id="show" v-cloak> <template v-if="list.length"> <table> <thead> <tr> <th></th> <th&...原创 2019-07-19 17:28:51 · 96 阅读 · 0 评论 -
Vue 内置指令
<template> <div> <button @click="changeMsg">更改消息</button> <div v-cloak> {{message}} </div> <!-- v-once也是一个不需要表达式的指令,作用是定义它的元素或者组...原创 2019-07-19 16:22:11 · 123 阅读 · 0 评论 -
Vue监听键盘事件
<div id="app2"> <input @keyup.down="handle" @keyup.up="handle" @keyup.enter="handle" @keyup.delete="handle" @keyup.tab="handle" /> <button @keyup.enter=...原创 2019-07-24 10:25:04 · 1222 阅读 · 0 评论 -
Vue生命周期、插值与表达式、过滤器、指令与事件
每个Vue实例创建时,都会经历一系列的初始化过程,同时也会调用相应的生命周期钩子,我们可以利用这些钩子,在合适的时机执行我们的业务逻辑。Vue生命周期,比较常用的有: created 实例创建完成之后调用,但尚未挂载,$el还不可以使用 mouted el挂载到实例上后调用,一般第一个业务逻辑会在这里 beforeDestory 实例销毁之前调用,主要解绑一...原创 2019-07-19 11:16:13 · 304 阅读 · 0 评论 -
Vue概念
本来想花100天的时间做一个前后端分离的项目的,奈何前端框架等相关实在是不会。打算还是先打基础,从0开始学。Vue是什么? 简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。 所谓渐进式,就是一步一步、有阶段地来使用Vue.js,不必一开始就使用所有东西。Vue常见的功能:解耦视图与数据 可复用的组件 前端路由 状态管理 虚拟DOM(Virtua...原创 2019-07-19 09:53:11 · 142 阅读 · 0 评论