vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应...
基础Vue.js 允许你注册自定义指令，实质上是让你教 Vue 一些新技巧：怎样将数据的变化映射到 DOM 的行为。你可以使用Vue.directive(id, definition)的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）： bind: 仅调用一次，当指令第一次绑定元素的时候。update: 第一次是紧跟在 bind 之后调用，获得的参数是绑定的初始值；以后每当绑定的值发生变化就会被调用，获得新值与旧值两个参数...
接着上一篇vue慢速入门教程学习。 4.组件使用基础 什么是组件？组件可以理解为可重用的自定义HTML。 可以使用一堆组件来构造大型应用，任意类型的应用界面都可以抽象为一个组件树：可以把组件代码按照template、style、script的拆分方式，放置到对应的.vue文件中。 组件预定义选项中最核心的几个：模板（template）、初始数据（data）、接受的外部参数（props）、方法（methods）、生命周期钩子函数（lifecycle hooks）。 4.1 基本...
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 0.MVVM什么是MVVM？就是Model-View-ViewModel。ViewModel是Vue.js的核心，它是一个Vue实例。 不太懂也没关系，慢慢就懂了。 1.基础示例 代码： <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1...
前言 vuejs——轻量、学习成本低、双向绑定、无dom的操作、组件的形式编写 vuejs是个轻量级的mvvm框架， 集合了angular的基本功能，却又比angular更为精简，功能上涵盖了双向绑定、指令、逻辑控制、过滤器、事件监听、函数等。框架的特点使得项目 在状态变更、分页的场景下可以拥有很大的便利——所有的操作只需要变更数组，没有任何的dom操作。 webpack——CommonJS的引用和编写方式、loader非常的丰富，包括vue-loader、css-load...
什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 接下来给大家介绍vuejs单向绑定、双向绑定、列表渲染、响应函数基础知识，具体详情如下所示： （一）单向绑定 <div id="app"> {{ message }} </div> <script> new Vue({ el: #ap...
像AngularJS这种前端框架可以让我们非常方便地开发出强大的单页应用，然而有时候Angular这种大型框架对于我们的项目来说过于庞大，很多功能不一定会用到。这时候我们就需要评估一下使用它的必要性了。如果我们仅仅需要在一个简单的网页里添加屈指可数的几个功能，那么用Angular就太麻烦了，必要的安装、配置、编写路由和设计控制器等等工作显得过于繁琐。 这时候我们需要一个更加轻量级的解决方案。Vue.js就是一个不错的选择。Vue....
前言 Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。 以下代码是Vue.js最简单的例子， 当 input 中的内容变化时，p 节点的内容会跟着变化。 <!-- html --> <div id="demo"><p>{{message}}</p><input v-model="message"> </div> new Vue({el: #demo,data: {message: Hello Vue.js!} })vue.js的基础语法 插入文本<span>Message: {{ text }}</span>插入html格式的文本，在页...
前言 计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。 模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式,如果需要多...
作者：梁小生0101 juejin.im/post/5c622fb5e51d457f9f2c2381推荐阅读(点击即可跳转阅读) 1. SpringBoot内容聚合 2. 面试题内容聚合 3. 设计模式内容聚合 4. 排序算法内容聚合 5. 多线程内容聚合 前端工具和环境：Node.js V10.15.0Vue.js V2.5.21yarn: V1.13.0IDE:VScode后端工具和环境：Maven: 3.52jdk: 1.8MySql: 14.14IDE: IDEASpring Boot: 2.0+Zookeeper：3.4.13前后端分离(服务端渲染、浏览器渲染) 实现真正的前后端解耦。 ...
项目介绍 基于 Laravel8.x+AntDesign+Vue 开发的权限架构及内容管理框架，采用全新的前端UI框架，支持多主题切换，前端UI框架完全适配手机端、PAD终端以及PC电脑终端，框架内置完整的权限架构体系以及常规基础模块：用户管理、角色管理、菜单管理、职级管理、岗位管理、部门管理、系统日志、布局管理、广告管理、配置管理、字典管理、等等，旗舰版重点集成了代码生成器的功能，可以一键生成整个模块的全部代码，包括PHP后端代码以及...
目录 前言7.路由vue-router7.1编写父类组件7.2.编写登陆及注册组件7.3.在父组件中引用7.4.使用vue-router1.引入vue-router依赖2.创建VurRouter对象并加入子组件3.在Vue对象中加载VueRouter前言 在学习vue-router之前，我们要学会怎么样在IDEA中安装vue-router，若有不懂的同学请跳转博客在IDEA中安装vue-router。 7.路由vue-router 在我们安装好vue-router之后，我们要导入依赖 <script src="node_modules/vue-router/dist/vue-rou...