qiutian24的博客

接上一篇的基础继续 1.父子组件的通信 方法： （1）通过props向子组件传递数据 （2）通过事件向父组件传递数据 properties

1.概念 组件是可复用的 Vue 实例，且带有一个名字。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。 在自定义组件时，会用到Vue的全局APIVue.extend()和Vue.component()。 (1) Vue.extend() 使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。 (2) Vue.componment() 注册或获取全局组件。注册还会自动使用给定的 id 设置组件的名称。 2.全局组件与局部组件 （1） 全局组件

v-model官方API介绍 1.v-model 预期：随表单控件类型不同而不同。 使用范围：<input> | <select> | <textarea> | components 修饰符： .lazy - 取代 input 监听 change 事件 .number - 输入字符串转为有效的数字 .trim - 输入首尾空格过滤 用法： 在表单控件或者组件上创建双向绑定。 双向绑定：如果用户更新了View(界面)，Model的数据（js中的数据）也自

v-for 预期：Array | Object | number | string | Iterable (2.6 新增) 用法： 基于源数据多次渲染元素或模板块。此指令之值，必须使用特定语法 alias in expression，为当前遍历的元素提供别名，另外也可以为数组索引指定别名 (或者用于对象的键)。 1.v-for与数组 ...

v-if v-else v-else-if v-show 条件渲染，即根据一定的条件来判断是否渲染当前页面。 1.v-if <div id="app"> <p v-if="isShow">v-if,isShow为true时</p> </div> <script> const app=new Vue({ el:'#app', //用于管理要挂载的数据 data:{ //定义数据 ..

v-on 1.基础 官方文档链接 https://cn.vuejs.org/v2/api/#v-on 作用：绑定事件监听。 事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。 预期：Function | Inline Statement | Object 语法： <div id="app"> <!--eventA()是自己定义的方法--> <button v-on:click="eventA()">A1

v-bind 动态绑定指令 可以用于动态的处理a标签的herf属性值和img标签的src属性值。 1.基本语法 <div id="app"> <p>1.v-bind基本语法</p> <img v-bind:src="imgURL" alt=""> <a v-bind:href="aURL">hhh</a> <!--语法糖写法--> <a :href="aURL">hhhhh3&lt

Mustache标签 格式如 <div> <p>{{message}}</p> </div> <script> const app=new Vue({ el:'#app', //用于管理要挂载的数据 data:{ //定义数据 message:'Hello world!' } }); </script> message是Script标

Vue 编程范式：声明式编程。 命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你的命令实现。 <div id="app">{{message}}</div> <script> const app=new Vue({ el:'#app', //用于管理要挂载的数据 data:{ //定义数据 message:'Hello world!' }