随笔分类 - Vue2
摘要：在vue中，可以通过v-for指令可以将一组数据渲染到页面中，数据可以是数组或者对象。 数据是数组： <ul> <!--i是列表的每一个元素--> <li v-for="book in book_list">{{book.title}}</li> </ul> <ul> <!--i是列表的每一个元素，
阅读全文
摘要：vue中提供了两个指令可以用于判断是否要显示元素，分别是v-if和v-show。 1、v-if 标签元素： <!-- vue对象最终会把条件的结果变成布尔值 --> <h1 v-if="ok">Yes</h1> data数据： data:{ ok:false // true则是显示，false是隐藏
阅读全文
摘要：1、控制标签style样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-size: 14px; } table, tr, th, td
阅读全文
摘要：有两种绑定事件的方式： v-on:事件名（vue1版本） @事件名（vue2以上版本） 格式： <标签名 @事件名="方法或者基本JS代码">标签内容</标签名> 例子： <div id="box"> <div @click="func01">姓名：{{name}}</div> <div @clic
阅读全文
摘要：格式： <标签名 :标签属性="data属性"></标签名> 指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute。可能你已经猜到了，它们会在渲染的 DOM 上应用特殊的响应式行为。在这里，该指令的意思是：“将这个元素节点的 title attribute 和 Vue 实例的 m
阅读全文
摘要：1、显示数据 在双标签中显示数据要通过{{ }}来完成数据显示 在表单输入框中显示数据要使用v-model来完成数据显示 显示标签数据使用v-html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl
阅读全文
摘要：MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式。 Model 指代的就是vue对象的data属性里面的数据。这里的数据要显示到页面中。 View 指代的就是vue中数据要显示的HTML页面，在vue中，也称之为“视图模板” 。 ViewModel 指代的
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/vue.js"></script> <script> window.onload = func
阅读全文
