![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Welkin_qing
个人一些小小的总结和感悟.
展开
-
浅谈vue钩子函数自定义指令
一、vue中自定义指令1. 什么是自定义指令?除了使用 Vue 提供的内置指令之外,我们可以自定义一些自己的指令,来实现业务操作。2. 什么时候需要自定义指令?当你需要不可避免的操作 DOM 的时候,使用自定义指令来解决3. 如何注册和使用自定义指令?1. 注册全局注册,在任何组件中都可以使用全局注册自定义指令局部注册,只能在当前组件使用该指令如果需要在多个不同的组件中使用该...原创 2019-02-14 18:25:25 · 929 阅读 · 2 评论 -
Vue基本知识
文章目录生命周期钩子函数组件通信computed 和 watch 区别keep-alive 组件有什么作用v-show 与 v-if 区别组件中 data 什么时候可以使用对象extend 能做什么生命周期钩子函数beforeCreate/ created在 beforeCreate 钩子函数调用的时候,是获取不到 props (子组件)或者 data 中的数据的,因为这些数据的初始化都...原创 2019-04-01 23:05:00 · 252 阅读 · 0 评论 -
双向数据绑定
文章目录一、mvc 和 mvvm1. MVC使用mvc 的目的就是将M和V的代码分离2. mvvma. mvvm的方向数据双向绑定的概念b. 总结mvvm二、vue1. vue数据双向绑定的原理Object.defineProperty( )是用来做什么的?2. 实现mvvm主要包含两个方面,数据变化更新视图,视图变化更新数据:实现过程最近面试时老被问到双向数据绑定。明明概念看了好几遍,也总结了...原创 2019-03-21 22:58:28 · 879 阅读 · 0 评论 -
MUI和Mint-UI组件的使用
使用 饿了么的 MintUI 组件Github 仓储地址Mint-UI官方文档导入所有MintUI组件:import MintUI from 'mint-ui'导入样式表:import 'mint-ui/lib/style.css'在 vue 中使用 MintUI:Vue.use(MintUI)使用的例子:<mt-button type...原创 2019-03-02 21:52:24 · 1251 阅读 · 0 评论 -
Vue之在vue中使用render
一、渲染组件1. 在页面中渲染基本组件使用components进行渲染得到<!DOCTYPE html><html lang="en"><head&a原创 2019-03-02 20:32:11 · 1414 阅读 · 0 评论 -
浅谈vue组件
一、组件化思想概念组件化类似于在node中学习的模块化,模块化是一种思想,一种构建方式,把一种很复杂的事务拆分成一个一个小模块,然后通过某种特定的方式把这些 小模块组织到一起相互协作完成这个复杂的功能。组件思想就是把一个很大的复杂的 Web 页面视图给拆分成一块一块的组件视图,然后利用某种特定的方式把它们组织到一起完成完整的 Web 应用构建。在 Vue 中,组件就是用来封装视图的,说白...原创 2019-02-16 15:25:13 · 267 阅读 · 1 评论 -
Promise的基础用法
一、Promise的起因当项目有需求时,需要封装一个方法,给一个要读取文件的路径,使用这个方法去读取文件并把内容返回。 例:在一个file文件夹里有三个文档,需要将里面内容读取出来 分别在1,2,3文件里保存111,222,333,然后创建js文件1.普通读取文件的方式const fs = require('fs')const path = require('path...原创 2018-09-06 10:35:22 · 517 阅读 · 0 评论 -
Vue - 父子组件之间的传值
一、通过对象字面量的形式,定义一个组件模板对象首先创建组件,同时为这个组件起一个名称,并且利用标签形式,在页面中直接引入这个组件,同时还要在父组件中声明定义。//这个是vue模板<div id="app"> <com1>&am原创 2018-08-10 18:54:36 · 315 阅读 · 0 评论 -
Vue - 基本路由的使用
一、导入包注意:导入的包要在vue下边 <title>基本路由的使用</title> <script src="./lib/vue-2.4.0.js"&原创 2018-08-10 19:48:29 · 4782 阅读 · 0 评论 -
Vue - 监听数据的三种方法
举一个案例,我们要拼接一个fullname,因此要监听到文本框数据的改变,这样才能知道什么时候去拼接 出一个 fullname 案例结构如下:<body> <div id="app"> &原创 2018-08-11 13:13:35 · 132352 阅读 · 10 评论 -
Vue - 区分webpack中导入vue和普通网页中导入vue的区别
在普通网页中如何使用Vue-1. 使用 script 标签 ,引入 vue 的包 -2. 在 index 页面中,创建 一个 id 为 app div 容器 -3. 通过 new Vue 得到一个 vm 的实例在webpack 中尝试使用 Vue:注意: 在 webpack 中, 使用 import Vue from ‘vue’ 导入的 Vue 构造函数,功能不完整,只提供...原创 2018-08-22 15:43:51 · 2647 阅读 · 0 评论 -
vue init创建实例失败时
当使用vue init 创建实例不可以时,需要卸载原有的vue clinpm install -g @vue/cli再次安装全局的vue-clinpm install -g @vue/cli-init原创 2019-07-22 17:10:49 · 324 阅读 · 0 评论