vue
关注
分享
扫一扫
文章平均质量分 85
来自流星
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue相关知识点整合
1.1 vue项目初始化 1.1.1 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 1.1.2 全局安装vue命令 cnpm install -g @vue/cli 1.1.3 创建新项目 vue create study-home 1.1.4 App.vue引入 router-view <template> <div id="app"> <router-view/&原创 2020-11-06 09:27:20 · 382 阅读 · 0 评论 -
Vue 动态组件
Vue 动态组件 Vue动态组件, 提供了一个特殊的元素<component>用来动态地挂载不同的组件，使用is特性来选择要挂载的组件。 <div id="app"> <comment :is="currentView"></comment> <button @click="handleChangeView('A')"...原创 2019-07-23 11:23:09 · 252 阅读 · 0 评论 -
Vue slot
作用域： 父组件绑定数据： <!-- 父组件绑定数据 --> <div id="app"> <child-component v-show="showFlag"></child-component> </div> <script> Vue.compone...原创 2019-07-22 17:08:07 · 269 阅读 · 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 · 335 阅读 · 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 · 265 阅读 · 0 评论 -
Vue自定义指令
除了核心功能默认内置的指令 (v-model和v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，如下： // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { ...原创 2019-07-25 11:26:14 · 143 阅读 · 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 · 152 阅读 · 0 评论 -
Vue 内置指令
<template> <div> <button @click="changeMsg">更改消息</button> <div v-cloak> {{message}} </div> <!-- v-once也是一个不需要表达式的指令，作用是定义它的元素或者组...原创 2019-07-19 16:22:11 · 162 阅读 · 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 · 1295 阅读 · 0 评论 -
Vue生命周期、插值与表达式、过滤器、指令与事件
每个Vue实例创建时，都会经历一系列的初始化过程，同时也会调用相应的生命周期钩子，我们可以利用这些钩子，在合适的时机执行我们的业务逻辑。 Vue生命周期，比较常用的有： created 实例创建完成之后调用，但尚未挂载，$el还不可以使用 mouted el挂载到实例上后调用，一般第一个业务逻辑会在这里 beforeDestory 实例销毁之前调用，主要解绑一...原创 2019-07-19 11:16:13 · 345 阅读 · 0 评论 -
Vue概念
本来想花100天的时间做一个前后端分离的项目的，奈何前端框架等相关实在是不会。打算还是先打基础，从0开始学。 Vue是什么？ 简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。 所谓渐进式，就是一步一步、有阶段地来使用Vue.js，不必一开始就使用所有东西。 Vue常见的功能： 解耦视图与数据 可复用的组件 前端路由 状态管理 虚拟DOM(Virtua...原创 2019-07-19 09:53:11 · 183 阅读 · 0 评论