- 博客(6)
- 收藏
- 关注
RSS订阅原创 webpack
webpack自学笔记npm init -ynpm i jquery 然后import jquery 发现报错安装webpack npm i webpack@5.42.1 webpack-cli@4.9.1 -D在package.json中的src添加 "scripts": { "dev": "webpack" },配置webpack.config.jsmode 模式 可选值 develo
2022-01-27 17:29:45
874
1
原创 自定义指令
自定义一个全局指令定义了一个获得焦点的指令（没有值的属性）Vue.directive('focus', { inserted: function(el) { // el表示指令锁绑定的元素 el.focus(); }});使用该指令 <input type="text" v-focus>定义了一个改变文本框颜色的指令（有值...
2020-04-30 18:01:49
110
原创 将数据双向绑定到表单控件中
数据准备var vm = new Vue({ el:'#app', data: { uname :'lisi', sex :'男', hobby: ['sing','ppp'], job :[1,3] desc: '我牛逼va' }})单行文本框传入一个字符串姓名: <input type="text" v-model="uname">单选框...
2020-04-30 17:48:08
176
原创 分支循环结构
分支结构v-ifv-elsev-else-if 控制元素是否显示到dom中v-showv-if 和v-show的区别v-if是通过判断 来在dom树中添加删除结点<div id="app"> <div v-show='score==100'>满分</div> <div v-if='score>=90'&...
2020-04-30 17:30:25
147
原创 指令及其使用
什么是指令 ？指令就是自定义属性v-clock解决插值表达式的闪动问题在插值所在的标签上添加一个自定义属性 v-clock <div v-clock> {{msg}} </div>在样式中设置[v-clock]{ display:none }原理：先通过样式隐藏内容 然后在内存中进行值的替换 替换号之后再显示最终结果v-text填充文本将msg的内...
2020-04-30 15:54:31
440
原创 插值表达式
Vue基础基础语法模板语法插值表达式<div id="app"> <div>{{msg}}</div> <div>{{1 + 2}}</div></div><script src="js/vue.js"></script><script type="...
2020-04-30 15:36:53
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人