-
在子组件中 的样式上加了scoped 不会影响父组件的样式
查看全部 -
子组件向父组件传值,this.$emit('delete',this.index)
父组件中要监听这个事件,@delete="handleDelete"
查看全部 -
父组件向子组件中传值 通过属性的形式传值 子组件用props来接收,在父组件中使用子组件,首先要在父组件中注册一下,
查看全部 -
ES6中 简写成
data () {
return {
inputValue:""
}
}
查看全部 -
组件里面写数据 data 需要写成一个函数
data : function () {
return {
inputValue:“”
}
}
查看全部 -
全局安装vue-cli
npm install --global vue-cli
创建一个基于webpack模板的新项目
vue init webpack my-project
进入到这个文件夹
cd my-project
npm run dev或者 npm run start 启动项目
查看全部 -
v-model双向绑定数据
查看全部 -
v-bind:title=“title”绑定vue数据到html元素的属性上
查看全部 -
计算属性:computed
侦听器:watch
查看全部 -
父组件向子组件传值,是通过属性的形式 子组件可以使用 $emit 触发父组件的自定义事件。 --- 删除分割线 --- 1. 子组件内接收一下index 2. 子组件内的li 加点击事件 3. 使用$emit触发自定义事件 this.$emit( "delete" , this.index ) //delete 事件名 this.index 事件对应的值 4.父组件监听子组件delete事件,执行父组件内的handleDelete方法 //@delete="handleDelete"查看全部
-
v-html指令会将字符串中<h1>等认为是html语法元素,
v-text指令则会将字符串中<h1>等认为是普通的文本,这时候,就说<h1>标签被“转义“了,也就是从特殊含义的字符转义为普通字符了。
查看全部 -
Vue 数据绑定和双向数据绑定查看全部
-
创建第一个vue实例查看全部
-
new Vue dom节点绑定
查看全部 -
scoped :域修饰,进队当前域生效
查看全部
举报