随笔分类 - 前端
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<body> <div id="app"> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> const app = new Vue({ el:'#app', data:{ mes
阅读全文
摘要：<body> <div id="app"> <my-component></my-component> </div> <template id="zujian"> <div> <p>我是内容</p> </div> </template> <script src="https://cdn.jsdeli
阅读全文
摘要：<body> <div id="app"> <parent></parent> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> Vue.component('parent',{
阅读全文
摘要：定义全局组件（可以在多个vue实例中使用） <script> const cpn = Vue.extend({ //①创建组件构造器 template:` <div> <h2>我是标题</h2> <p>我是内容哈哈哈</p> <div> ` }); Vue.component('cpn',cpn);
阅读全文
摘要：<body> <div id="app"> <select name="" id="" v-model="selected"> <option value="shanghai">上海</option> <option value="beijing">北京</option> <option value
阅读全文
摘要：单选 <body> <div id="app"> <label for="agree"> <input type="checkbox" v-model="agree" id="agree" >同意协议 </label> <button :disabled="!agree">下一步</button>
阅读全文
摘要：<body> <div id="app"> <!-- 互斥，只能选一个 --> <input type="radio" value="男" v-model="sex">男 <input type="radio" value="女" v-model="sex">女 <h2>您已选择：{{sex}}</
阅读全文
摘要：￥66.00 <body> <div id="app"> {{money | showPrice}} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> new Vue({ el:'
阅读全文
摘要：filter函数 filter中的回调函数有一个要求：必须返回一个boolean值； 返回true时：函数内部会自动将这次回调的的n值加入到新的数组中 返回false时：函数内部会自动过滤这次的n methods:{ f1(){ let nums = [10,50,30,80,60,20]; let
阅读全文
摘要：后端返回的json数据 { "data":{ "sysList":[{"system":"app1","ip":"21.68.25.90"},{"system":"app2","ip":"21.68.25.227"}] } } vue methods:{ axios.get("test").then
阅读全文
摘要：添加css样式 .content{ white-space: pre-wrap; }
阅读全文
摘要：作用：绑定事件监听器 缩写：@ V-ON参数 当通过methods中定义方法，以供@click调用时，需要注意参数问题： ①如果该方法不需要额外参数，那么方法后的()可以不添加 但是注意：如果方法本身中有一个参数，那么会默认将原生事件event参数传递进去 ②如果需要同时传入某个参数，同时需要eve
阅读全文
摘要：<script> //1.属性的增强写法 const name = 'zhangsan'; const age = 20; //ES5的写法 const obj = { name : name, age : age } //ES6的写法 const obj1 = { name, age } //2.
阅读全文
摘要：①一旦给const修饰的标识符被赋值之后，不能修改 ②使用const定义标识符，必须进行赋值 ③常量的含义是指向的对象不能修改，但是可以修改对象内部的属性。 const obj = { name: 'zhangsan', age: 20 } //可以修改对象内部的属性。 obj.name = 'li
阅读全文
浙公网安备 33010602011771号