拾光°の博客

登录

/

注册

标签搜索

搜索到 9 篇与的结果

vue的路由

vue的路由

Vue Router的使用步骤（声明式导航）一、导入js文件<script src="lib/vue_2.5.22.js"></script> <script src="lib/vue-router_3.0.2.js"></script>注意：router.js一定要放到vue之后二、添加路由链接<div id="app"> <router-link to='/rou'>路由</router-link> <router-link to='这个值渲染成hash值'>这里是a标签的值</router-link> </div>注意：<router-link> 是路由中提供的标签，默认会被渲染为a标签，to属性默认被渲染为href属性， to属性的值会被渲染为#开头的hash地址三、添加路由填充位（路由占位符）<div id="app"> &...

拾光°

2021-04-06

223 阅读

0 评论

2021年04月06日

223 阅读

0 评论

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

222 阅读

0 评论

2021年04月06日

222 阅读

0 评论

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

374 阅读

1 评论

2021年04月02日

374 阅读

1 评论

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

201 阅读

0 评论

2021年04月02日

201 阅读

0 评论

1
2

拾光°

24 文章数

424 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

热门文章