
Vue
IABQL
记录自己学习的笔记,欢迎指正
展开
-
Vue之路由01(数据传递、基本案例)
什么是路由? 请求分发组件 编程请求定向 请求URL资源Resource映射原创 2022-01-31 15:58:30 · 559 阅读 · 0 评论 -
Vue之自定义事件
在vue中有内置事件click、mouseover等事件,同时我们还可以自定义一个事件 。事件名最好都是小写,或可用“—”进行分割命名,否则可能无效。如:my-event。 直接看下面这个例子 1.自定义了一个组件<button-counter> 2.自定义了一个increment事件,在事件中调用了incrementTotal方法 3.调用内置点击事件click,注意在这里:@click.native,后面加上了.native。它表示调用内置事 件click,所以我们不难看出在...原创 2022-01-28 17:32:42 · 2526 阅读 · 0 评论 -
Vue之组件之间数据传递
组件之间不允许数据进行传递,避免数据源污染。但我们可以通过一种方法进行传递,通过属性传递 。我们知道在vue中v-bind指令可以对属性值进行改变,所以利用这一特性实现。 直接看代码 <div id="app"> <my-h1 v-bind:message="msg" v-bind:count="i"></my-h1> </div> <script> //例如此时要取得msg值 Vue.component('my-h1原创 2022-01-28 16:44:30 · 693 阅读 · 0 评论 -
Vue之组件的定义及使用
什么是组件? 组件是自定义的、可复用的vue实例,里面封装可重用的HTML代码。 如下定义一个全局组件 Vue.component("button-counter", { data(){ return {count : 1} }, methods:{ add(){ this.count++; } }, //模板原创 2022-01-28 15:57:35 · 861 阅读 · 0 评论