-
v-test:转义之后的输出
v-html：没有转义之后的输出
查看全部 -
1 插值表达式
查看全部 -
将js文件引入放在head里面是为了防止页面发生抖屏
实例里面的el代表挂载点，是将数据挂载在id名为root的dom节点上 实例里面的data模块是为存放数据的 使用花括号来使用数据。
查看全部 -
v-if false 删除该标签
v-show false 为标签添加display-none
v-for 遍历
查看全部 -
计算属性 computed：属性由其他属性计算而来
侦听器 watch：侦听其他属性变化情况
查看全部 -
局部样式：在style里加：scoped
查看全部 -
属性绑定 v-band 简写为：
双向数据绑定 v-model
查看全部 -
methods:{ handleClick ：｛ ｝ }查看全部
-
1、“作为一个组件，他的数据应该变为一个函数，其返回值是对应的数据”
2、在methods里面的函数，this.list会自动从当前实例的data里面检查有没有list，语句"this.list"相当于"this.$data.list"；如果data里面没有list，会进一步从computed、methods中查找。
3、父组件v-for传参时，key不能作为参数传给子组件，需要另设一个参数c1接收index传给子组件
查看全部 -
1、vue实例的挂载点——标签，<div></div>
2、模板——挂载点内部的内容;也可写在vue实例的属性内部；
3、vue会自动结合本实例内部的模板和数据生成最重要展示的内容，最后把该内容放在挂载点中
查看全部 -
插值表达式
查看全部 -
局部组件：
var TodoItem={ template:'<li>item</li>' }要想在Vue实例里面使用莫个局部组件，就要使用components对其进行注册
new Vue({ el:"#root", components:{ 'todo-item':TodoItem } })全局组件：
Vue.component('todo-item',{ props:['content'],//接受content参数 template:'<li>{{content}}</li>' })在Vue实例模板使用组件：
<ul> <todo-item v-for="(item,index) of list":key="index" :content="item"//创建content参数来传递item ></todo-item> </ul>
组件的拆分有助于维护
查看全部 -
父组件和子组件事前约定好事件A；另一边，父组件中定义了函数fun1(参数1, 参数2,....)，然后：
父组件监听_@A='fun1'——>子组件发布_this.$emit('A', this.参数1, this.参数2, ....)——>执行父组件中A对应的函数_fun1(参数1, 参数2, .....)
查看全部 -
每一个组件都是一个vue实例
每个实例都包含自己的props、template、methods、data
查看全部 -
在脚手架里面data是一个函数。
函数的返回值是我们的具体的数据
查看全部
举报