基于vue.js快速搭建图书管理平台
发布时间：2020-12-17 02:44:38 所属栏目：百科 来源：网络整理
导读：Vue.js是当下很火的一个JavaScript MVVM（Model-View-ViewModel）库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 上一期简单讲解了vue的基本语法，这一次我们做
|
Vue.js是当下很火的一个JavaScript MVVM（Model-View-ViewModel）库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 上一期简单讲解了vue的基本语法，这一次我们做一个小项目，搭建一个简单的图书管理平台，能够让我们更深刻的理解这门语言的妙用。 1、DEMO样式首先我们需要搭建一个简单的demo样式，推荐大家使用bootstrap，可以很快的搭建出一个清晰简洁的页面。 给大家分享一段我的代码吧。 Vue demo
<div id="app"> 书名 |
作者 |
价格 |
操作 |
<div id="update-book"> 运用了bootstrap的栅格系统，和一些简单的组件，不光简单快捷，还能自动实现响应式呢。 而且做出来的效果也不难看，挺整洁的。 给大家看下刚开始的效果图。
如果对这个CSS框架没有了解的话，自己写一下样式也没关系。 2、创建vue实例接下来，我们导入自己的JS文件，创建一个vue实例。 data中是一些初始的数据，可以随意填写。 3 、将各种指令添加到HTML我们说过，vue的核心聚焦在视图层，所以指令是最重要的一步，我们一点一点说。 不过因为指令分布的比较乱，所以直接附上全部代码，然后我一个一个的解释。 书名 |
作者 |
价格 |
操作 |
|
