![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 77
丑阳璐
我们只是站在父母的肩上,见识了他们未曾见过的繁华。
展开
-
全网最全ES6新特性
ES6新特性1. ES6ES6是ECMAScript6的简称,是JavaScript的下一代标准,于2015年6月正式发布。目标是使JavaScript可以用于编写复杂的大型应用程序,成为企业级开发语言。2. ECMAScript62.1 let和constlet<script> for (var i = 0; i < 5; i++) { console.log(i); } console.log(i+i); //在循环外原创 2021-10-23 20:28:47 · 316 阅读 · 0 评论 -
Vue模板语法
模板语法1.vue中的元素使用mustache模板引擎进行解析2.指令v-for:循环渲染元素 <h1>系统名称:{{title}}</h1> <ul> <li v-for="(item,i) in products"> 名称:{{item.name}} <button @click="changeStock(item,it原创 2021-10-22 23:28:52 · 69 阅读 · 0 评论 -
Vue项目入门
第一个Vue项目vue-cliVue开发是基于Node.js实际开发中采用vue-cli脚手架开发,vue-router路由,vuex做状态管理,页面采用ElementUI来搭建前端项目。vue-cli是官方提供的一个脚手架,用于快速生成vue的项目模板;它有自己预先定义好的目录结构及基础代码,类似于idea在创建maven项目时可以选择创建一个骨架项目(脚手架),能够提高我们的开发效率vital function统一的目录结构可进行本地调试,单元测试,集成打包上线支持热部署(实现资源实时动态原创 2021-08-02 21:29:49 · 180 阅读 · 0 评论 -
Vue计算,插槽及自定义事件
vue计算属性(类似于Mybatis缓存)设计计算属性的初衷是用于简单运算的,在一个计算属性里可以完成各种复杂的逻辑,包括运算,函数调用等,最终返回一个结果即可。将计算出来的结果保存在属性中,在内存中运行。<div id="a"> <p>Now:{{currentTime()}}</p></div><script type="text/javascript"> var vm = new Vue({ el: "#a",原创 2021-08-01 15:11:45 · 451 阅读 · 2 评论 -
Vue异步
vueVue.js是一个MVVM框架,即双向数据绑定。当数据发生变化的时候,视图也会发生变化;当视图发生变化的时候,数据也会同步变化。实现数据双向绑定v-model的本质就是语法糖(Syntactic sugar:指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。)负责监听用户输入事件以实时更新数据,并对一些极端场景进行特殊处理。**v-model会忽略所有表单元素中的value,checked,s原创 2021-07-31 12:08:13 · 271 阅读 · 0 评论 -
Vue语法
Vue语法(basement)上次通过html页面已经实现了第一个Vue程序,所有的东西都是响应式的,页面实现了实时更新。v-bind<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--1.导入Vue--> <script src="https://cdn.j原创 2021-07-31 09:42:48 · 44 阅读 · 0 评论 -
初识Vue
Vue概述Vue是一套用于构建用户界面的渐进式框架,自底向上逐层应用,Vue的核心库只关心视图层。实现模块开发,路由,状态管理等新特性,支持虚拟dom。第一个vue程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--1.导入Vue--> <script原创 2021-07-26 16:42:20 · 88 阅读 · 0 评论