vue.js
关注
分享
扫一扫
pengfeixc
There are only 10 types of people in the world. Those who is getting better every day and those who is getting worse every day.
展开
-
(七)vue：v-cloak用法
一.指令说明首先我们看下官方的解释：文档中写的很清晰，下面我们会举例说明。二.举例讲解直接看下面的代码：<div id="app"> <h1>{{message}}</h1></div><script> var app = new Vue({ el:'#app', d...原创 2020-04-16 20:58:53 · 390 阅读 · 0 评论 -
（六）Vue边界情况之$refs和ref属性
本章讲解的是vue的边界情况，既然是边界情况，建议大家尽量少使用。因为可能会发生一些奇怪的问题，后面我会用例子解释为什么尽量避免使用。一.作用$refs和ref属性配合起来，可以用来访问子元素和子组件，具体怎么使用呢，下面我用例子说明。二.举例说明1.访问子元素： <div id="app"> <h1 ref="message">{{ mes...原创 2020-01-10 15:16:09 · 338 阅读 · 0 评论 -
（五）.sync修饰符
一. .sync修饰符的本质使用.sync修饰符可以进行数据在父组件与字组件间进行双向绑定，使用方法： <div id="app"> <blog-post v-bind:title.sync="post.title" v-bind:content.sync="post.content"></blog-post> </div...原创 2020-01-06 16:53:32 · 290 阅读 · 0 评论 -
（四）.native修饰符与$listeners属性
一. .native修饰符.native修饰符的作用就是将原生dom事件绑定到组件，看一个例子，加以理解： <div id="app1"> <base-input @input="myAlert($event)"></base-input> </div> <script type="text/javas...原创 2020-01-06 16:08:33 · 396 阅读 · 0 评论 -
（三）vue:自定义组件上使用v-model
一.v-model是如何工作的input, select, textarea等是我们常用的在应用中传递数据的途径。在vue中我们可以通过v-model进行双向数据绑定，下面看一个例子：<div id="app1"> <input type="text" v-model="message"> <span>{{message}}</span&g...原创 2020-01-06 11:16:50 · 1024 阅读 · 3 评论 -
（二）Vue特性继承：inheritAttrs和$attrs
一.Vue特性自动继承直接看一个例子：<body> <div id="app"> <custom-component customProp="propValue" newAddProp="propValue2"></custom-component> </div> <script type...原创 2020-01-03 10:53:59 · 1020 阅读 · 0 评论 -
（一）Vue单向数据流（One-Way Data Flow）
单向数据流一.什么是单向数据流Vue官方文档解释为：所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。简单来说就是通过prop传递数据时，数据从父组件流向子组件，在子组件中不能修改数据的值，请看一个例子说明：</html...原创 2020-01-02 21:13:04 · 1021 阅读 · 0 评论