摘要:
一、使用弹性行为 1.占一整行 <div class="d-flex m-2 bg-info">I'm a flexbox container!</div> 2.根据内容的长度 <div class="d-inline-flex p-2 bg-info">I'm a flexbox containe 阅读全文
摘要:
一、控制器传到视图 1.传字符串 (1)ViewBag 控制器传 public ActionResult Index() { //ViewBag后的变量可以是任意,接收时要是相同的名称,可以一次传多个值 ViewBag.Content = "Hello"; ViewBag.Name= "Tom"; 阅读全文
摘要:
一、磁盘命名 现在大多数接口为SATA接口,没块磁盘都是一个文件 1. 多块磁盘命名方式为 /dev/sda, /dev/sdb ...... /dev/sdp. usb磁盘会在系统启动后才被识别,所以命名会在最后 2. 虚拟机磁盘命名为 /dev/vda, /dev/vdb .... 二、磁盘结构 阅读全文
摘要:
1.基础 (1)最基本的组件 <div id="components-v"> <redBtn></redBtn> </div> <script> Vue.component('redbtn', { template: '<button style="background-color:red;widt 阅读全文
摘要:
一、基础 1.文本 <div id="vm"> <input v-model="message" /> <h1>{{message}}</h1> </div> <script> var vm = new Vue({ el: '#vm', data: { message: null } }) </sc 阅读全文
摘要:
1.属性监听 v-on:click <div id="vm"> <button v-on:click="counter += 1">点击</button> <p>{{ counter }} times</p> </div> <script> var vm = new Vue({ el: '#vm', 阅读全文
摘要:
一、条件渲染 1. v-if 通过表达式的真假来控制此标签是否显示 <div id="vm"> <!--awesome为真时显示此句--> <h1 v-if="awesome">Vue is awesome!</h1> <!--awesome为假时显示此句--> <h1 v-else>Oh no � 阅读全文
摘要:
由于Class和Style绑定使用频繁,字符串拼接麻烦且易错。因此,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。 一、Class 1.对象 (1)对象语法 <style> .active{ color:blue } .line{ text-decoration: 阅读全文
摘要:
一、计算属性 1.计算属性 如果计算方式不能复用,且不好维护 <div id="example"> {{ message.split('').reverse().join('') }} </div> 所以计算方式比较复杂,或者会重复使用时,可以用计算属性 <div id="example"> <p> 阅读全文
摘要:
一、插值 1.Mustache 语法 数据绑定最常见的形式。 <span>Message: {{ msg }}</span> 完整 <div id="vm">{{ msg }}</div> <script> new Vue({ el: vm, data: { msg:'hello' } }) </s 阅读全文