每个 Vue 应用都是通过用 createApp 函数创建一个新的 应用实例 开始的：const app = Vue.createApp({
/* 选项 */
})该应用实例app是用来在应用中注册“全局”组件的，例如（先看如下demo，后面讲解）：const app = Vue.createApp({})
app.component('SearchInput', SearchInputCom
学习参考网址：http://www..com/keepfool/p/5619070.html v-if/v-show指令 v-if/v-show的区别是：v-if 判断false以后 元素直接不反应到HTML，v-show 始终会被渲染到HTML，它只是简单地为元素设置CSS的styl
转载
2016-10-20 11:51:00
931阅读
2评论
VueJS
第一步，安装node.js安装包下载地址：https://nodejs.org/en/安装包下载安装完成后，在命令行使用 node -v 查看node版本，判断是否安装成功。
第二步，安装vue脚手架安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack：npm install we
原创
2021-12-27 17:25:34
409阅读
Vue 倡导开发者尽量不直接操作 DOM，但有的时候由于各种
转载
2022-03-29 14:31:45
283阅读
Vue 倡导开发者尽量不直接操作 DOM，但有的时候由于各种需求让开发者不得不这样做，于是nextTick的实现就是让开发者在修改数据后，能够在数据更新到 DOM 后才执行对应的函数，从而获取最新的 DON 数据。原文地址项目地址那么如何实现nextTick呢，我们首先可以想到的是利用setTimeout的异步回调来实现，不过由于各个浏览器的不同，setTimeout 的延迟...
转载
2021-06-30 16:27:45
267阅读
<div id="app" @click="animate"> <div id="countdown"> <svg :width="size" :height="size"> <circle fill="transparent" :stroke-width="stroke"
转载
2022-03-01 10:36:09
210阅读
<div id="app" @click="animate"> <div id="countdown"> <svg :width="size" :height="size"> <circle fill="transparent" :stroke-width="stroke" stroke="#270B58"
转载
2021-08-07 12:16:50
223阅读
1.通常，当事件发生时，JavaScript 可以执行代码。
在 HTML 页面中插入 JavaScript使用 <script> 标签。<script> 和 </script> 之间的代码行包含了 JavaScript:
HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。
Javascript事件可以用于处理表单验证，用户输入，用户行为及浏览器动作。
转载
2023-06-14 18:51:23
111阅读
01 什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当
转载
2023-06-05 14:51:07
244阅读
原文地址：https://cloud.tencent.com/developer/article/1006169 https://mp.weixin.qq.com/s/qmyn6mGrO6hRKuvKUSF8lA https://dulinrain.github.io/css/使用Skeleton%
转载
2018-07-19 15:17:00
120阅读
2评论
我们先看下项目的效果 项目在渲染之前是这种骨架的方式，比纯粹的loading图标更加的直观。主要是使用了loading item这个组件。 我们看下代码 html <!DOCTYPE html Document .timeline item { background: fff; border: 1p
转载
2019-07-25 09:34:00
290阅读
2评论
前面已经完成了Vue登录第2.2版，使用了数据库MySQL进行登录验证。下面将在第2.2版的基础上，通过token令牌的传输实现登录认证。这里称其为Vue登录第2.3版。 Vue登录第2.3版登录认证实现过程大致如下： （1）使用Vue完成登录界面，用户输
转载
2024-06-09 01:07:14
32阅读
1.vuejs简介 vue到底是什么?一个mvvm框架(库)、和angular类似 比较容易上手、小巧官网:http://cn.vuejs.org/ 手册： http://cn.vuejs.org/api/2.vuejs与angular的区别。vue：简单、易学，指令以 v-xxx，一片html代码配合上json，在new出来vue实例，个人维护项目 ，适合: 移动端项目,小巧vue的
转载
2017-02-17 22:51:00
231阅读
2评论
4.1 vue-resource
vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新
到2.0之后
原创
2022-03-04 17:01:15
168阅读
<div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件：上面这种组件叫做全局组件
转载
2018-09-04 21:46:00
232阅读
2评论
component和vue实例的区别1 实例有el, component没有， component有name, vue没有2 实例可以.$mount(id), component没有，但new component就可以--其他属性有很多相似的地方生成vue实例: new Vue生成component
转载
2018-07-04 23:45:00
759阅读
2评论
框架类vue的虚拟dom了解过吗答案解析：vue将DOM抽象成一个以JavaScript对象构成的抽象树，以VNode节点模拟真实DOM，可以对这个抽象树进行节点的增删改查，这个过程都不需要去操作真实DOM，只需要在修改完使用diff算法算出一些需要修改的最小单位，在将这些小单位视图进行更新，就可以减少很多不必要的DOM操作，大大提高性能。优点具有跨平台的作用：因为虚拟dom 是以js对象为基础而
转载
2021-01-18 12:54:54
662阅读
2评论
4.1 vue-resourcevue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios，在这里大家了解一下vue-resource就可以。vue-resource的 github: https://github.com/page...
原创
2021-08-18 10:46:20
309阅读
刚开始学习vuejs,加油少年，为了我们的coding的理想 2.注意自定义指令的传参的这里的blue这里需要一层单引号的。 3.Vue.components()必须在new Vue之前写。 4.vue的动画
转载
2017-01-25 10:41:00
231阅读
2评论
什么是vuejs？ 1、它是一个轻量级的mvvm框架 2、数据驱
原创
2022-09-09 08:36:00
138阅读
