随笔分类 - VUE
摘要：框架模板element-ui-vue.zip 已经写好的一个小模板，自己npm install 一下就行，只是缺少node_modules文件夹 1. 利用vue脚手架创建项目 2.11版本 > npm i -g vue-cli > mkdir my-project && cd my-project
阅读全文
摘要：组件步骤 创建组件构造器 组件注册 使用组件 简单示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <aaa></a
阅读全文
摘要：获取HTML方法一：比较原始，直接用dom的方式 document.queryselector <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue学习</title> </head> <body> <di
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue学习</title> </head> <body> <div id="vue_click"> <input type="button" value="Do
阅读全文
摘要：字符串 1. 字符串转换 2. 字符串分割 3. 字符串替换 4. 获取字符串长度 var mystr="qingchenghuwoguoxiansheng,woaishenghuo,woaiziji"; var arrLength=mystr.length; 5. 字符串切割 有三种可以从字符串中
阅读全文
摘要：实现效果 使用时候，自己添加css就好 <div id="app"> <button v-on:click="subtraction">-</button> <span>{{number}}</span> <button v-on:click="add">+</button> </div> <scr
阅读全文
摘要：vue简写方式 @dblclick 指令等同于 v-on：dblclick指令，两者无差异 v-bind:src 指令等同于 :src指令，两者无差异，简写方式 1. <p v-on:click="doSomething"></p> 简写： <p @click="doSomething"></p>
阅读全文
