游客
标题:通过一个简单例子快速学习Vue.js
正文:
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue采用的MVVM设计模式也就是说model和view绑定 model改变，view的内容改变，反之亦然Vue主要有以下几个关键字v-model 绑定模型v-if 判断是否显示该domv-show 判断是否将该dom的display设为nonev-else if或者show为false时显示该domv-for 迭代v-bind 绑定属性v-on 绑定方法<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="styles/demo.css" />
</head>
<body>
<div id="app">
<span>key</span>
<!-- 绑定model中search.key -->
<!-- 内容和下面每一列的数据进行比较 -->
<!-- 内容改变，下面的每一列都马上会进行比较 -->
<input type="text" v-model="search.key">
<legend>
Create New P
[<<][[1]][2][3][>>]
查看评论(0)
发表评论
首页