TypechoJoeTheme

拾光°の博客

登录
用户名
密码
/
注册
用户名
邮箱
标签搜索
搜索到 9 篇与 的结果
2021-04-06

vue组件间的通信

vue组件间的通信
组件的通信父组件向子组件通信props方式 加属性绑定//这是html 模板 <div id="app"> // 1.使用自定义属性绑定父组件传过来的数据 <temp-div :msg='msg'></temp-div> </div>//子组件 Vue.component('temp-div', { // 2.用props 来接收 父组件传过来的数据 props: ['msg'], template: ` <div> <div>{{msg}}</div> </div> `, })//父组件 var app = new Vue({ el: '#app', data: { msg: '我是父组件的数据' } })注意props是...
拾光°
2021-04-06

javascript,技巧,vue

219 阅读
0 评论
2021年04月06日
219 阅读
0 评论
2021-04-02

vue修饰符

vue修饰符
修饰符事件修饰符语法:.stop 阻止事件继续传播.prevent 阻止标签默认行为.capture 使用事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理.self 只当在 event.target 是当前元素自身时触发处理函数.once 事件将只会触发一次.passive 告诉浏览器你不想阻止事件的默认行为<!-- 阻止单击事件继续传播 --> <a v-on:click.stop="doThis"></a> <!-- 提交事件不再重载页面 --> <form v-on:submit.prevent="onSubmit"></form> <!-- 修饰符可以串联 --> <a v-on:click.stop.prevent="doThat"></a> <!-- 只有修饰符 --> <form v-on:submit.prevent></form>...
拾光°
2021-04-02

javascript,技巧,vue

371 阅读
1 评论
2021年04月02日
371 阅读
1 评论
2021-04-02

vue指令

vue指令
指令:插值表达式:语法:{{要插入的值}},此时相当于占位符,到时候{{关键字}}会被替换成Model中的数据bug点:当网速较慢时,Vue初始化未完成时,插值表达式不能被解析,会直接显示出来,加载完毕之后又会被替换成真实结果,造成闪烁(Vue的加载代码写在HTML元素之后时会出现该bug)1.v-cloak指令:语法:把它当作HTML元素的一个属性使用示例:{{msg1}}特点:当Vue加载完毕后,v-cloak属性会自动消失使用:添加如下CSS样式:让所有带v-cloak属性的元素隐藏,Vue加载完成后显示实现,解决插值表达式闪烁的问题[v-cloak]{ display: none; }2.v-text:语法:<p v-text="msg"></p>作用:和插值表达式一样,用于给HTML元素添加文本区别:v-text不会存在闪烁问题v-text会将Model中的数据完全替换到HTML元素中(覆盖)插值表达式只会将Model中的数据替换到插值表达式中(占位符内容的替换相同点:插值表达式和v-text都可以给HTML元素显示文本插值表...
拾光°
2021-04-02

javascript,vue

197 阅读
0 评论
2021年04月02日
197 阅读
0 评论
2021-03-21

node基础入门

node基础入门
fs模块//引入 Const fs =require('fs')读文件fs.readFile( dir_name , 'utf-8' ,fn)写文件fs.writeFile(dir_name,content,fn)Path 路径模块1. __dirname: 文件所在的绝对路径2. path.join(); 拼接路径使用3. path.baseName(); 获取文件名4. path.extName(); 获取文件拓展名//导入panth模块 const path = require("path"); fs.readFile(path.join(__dirname, "文件路径"), 'utf8', function (err, dataStr) {})Http模块导入httpConst fs =require('http')创建http服务const server = http.createServer();绑定请求事件server.on('request', function(req, res) { // 设置响应头 解决客户端...
拾光°
2021-03-21

javascript,node.js

377 阅读
0 评论
2021年03月21日
377 阅读
0 评论
24 文章数
370 评论量
IP信息

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月