-
v-on绑定事件，事件触发之后的执行方法写到Vue实例的methods中；
改变页面数据不需要改变dom，直接改变this.content，vue实例对模板进行监听，页面自动改变
v-on：click简写@click
查看全部 -
vue.js的引入，通过<script>标签
vue实例和挂载点的绑定
查看全部 -
父组件向子组件传值，是通过属性的方式
查看全部 -
v-if:根据表达式的真假来删除或者差进入元素
v-show:根据表达式的真假，控制元素的样式，来确认是显示还是隐藏
查看全部 -
这节课的内容就是
子组件的style标签中多了个scoped按照字面意思 就是作用域
<style scoped></style>该样式只作用于本组件
查看全部 -
各个文件作用：
build:放置的是webpack配置文件，一般不动
config:放置针对开发环境和线上环境的配置文件，一般不动
node_modules：项目的依赖
src:源代码
static:静态资源
.babelrc:babel编译
.editorconfig:浏览器配置
eslintignore:eslint的配置
.eslintrc.js:
.gitignore:
.postcssrc.js:
index.html:
package-lock.json:
package.json:
README.md:
src-->main.js项目的入口文件
因为webpack中配置了hot-reload，所以代码修改，浏览器自动刷新。
查看全部 -
数组知识：
Arr.splice(index,1);
从index处删除一项
查看全部 -
父子组建数据传递：想删除子组件中的数据：
1，32行子组件的handleClick方法，该组件会用this.$emit方法通知给父组件，触发一个叫delete的自定义事件，通知的值为this.index。这里的this.index是前面从父组件中递过来的。
2，在20行外侧父组件用@delete(v-on:delete)="handleDelete"来监听子组件的事件。
3，在外侧大实例的methods:{
handleDelete:function(index){
// todo
这里的index为子组件中传过来的this.index(list的下标)
}
}
查看全部 -
在32行就可以看到props中就相当于外侧大实例中的data
查看全部 -
如果一个实例没有template属性，它就会找到挂载点中#root的html的内容。
组件===实例
查看全部 -
26行是一个实例。
每一个vue组件都是一个vue实例
因为每个组件都有自己的模板template,methods,props等一套班子
1：40解释如何证明是由多个实例组成？查看全部 -
子组件接收父组件的参数，可以从7：50重新看一遍视频。
嫌慢可以1.5倍速
查看全部 -
局部组件：如果使用，需要在Vue实例中注册
var TodoItem = {
template:'<li>item</li>'
};
在最外层的new Vue({})实例中添加一个组件的声明：
new Vue({
components:{
'todo-item':TodoItem
}
});
这时，html中的<todo-item></todo-item>就可用了
查看全部 -
全局组件：全局随便使；
Vue.component()是创建组件的方法
这个组件中有自己的模板：template
直接在html中有个<todo-item></todo-item>标签
查看全部 -
写VUE一定要记得，我们是操作数据
查看全部
举报