富坚老贼

摘要： 1.基本使用 <div id="components-v"> <markk></markk> <markk><button>你好</button></markk> <markk></markk> </div> <script> Vue.component('markk', { template: ' 阅读全文

摘要： 一、使用弹性行为 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> 阅读全文