Vue
文章平均质量分 77
丑阳璐
我们只是站在父母的肩上,见识了他们未曾见过的繁华。
展开
-
全网最全ES6新特性
ES6新特性 1. ES6 ES6是ECMAScript6的简称,是JavaScript的下一代标准,于2015年6月正式发布。目标是使JavaScript可以用于编写复杂的大型应用程序,成为企业级开发语言。 2. ECMAScript6 2.1 let和const let <script> for (var i = 0; i < 5; i++) { console.log(i); } console.log(i+i); //在循环外原创 2021-10-23 20:28:47 · 311 阅读 · 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 · 67 阅读 · 0 评论 -
Vue项目入门
第一个Vue项目 vue-cli Vue开发是基于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 · 449 阅读 · 2 评论 -
Vue异步
vue Vue.js是一个MVVM框架,即双向数据绑定。当数据发生变化的时候,视图也会发生变化;当视图发生变化的时候,数据也会同步变化。 实现数据双向绑定 v-model的本质就是语法糖(Syntactic sugar:指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。) 负责监听用户输入事件以实时更新数据,并对一些极端场景进行特殊处理。**v-model会忽略所有表单元素中的value,checked,s原创 2021-07-31 12:08:13 · 265 阅读 · 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 · 40 阅读 · 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 · 85 阅读 · 0 评论